epn-ui
Version:
Дизайн система кабинета ВМ
197 lines • 6.88 kB
JSON
{
"components": {
"Button": {
"fontWeight": 400,
"borderRadius": 3,
"borderRadiusSM": 3,
"lineWidth": 1,
"lineStyle": "solid",
"defaultShadow": "none",
"primaryShadow": "none",
"primaryColor": "#fff",
"colorPrimary": "#f87171",
"colorText": "#1e293b",
"colorBgContainer": "#fff",
"groupBorderColor": "#fff",
"colorBorder": "#64748b",
"dangerColor": "#fff",
"colorError": "#f87171",
"colorTextDisabled": "#1E293B25",
"colorBgContainerDisabled": "#CBD5E125",
"borderColorDisabled": "transparent",
"defaultGhostColor": "#1e293b",
"ghostBg": "transparent",
"defaultGhostBorderColor": "#64748b",
"fontSizeLG": 16,
"fontSizeSM": 14,
"paddingInline": 16,
"paddingInlineLG": 20,
"paddingInlineSM": 12,
"controlHeight": 40,
"controlHeightLG": 48,
"controlHeightSM": 32,
"linkHoverBg": "transparent",
"textHoverBg": "transparent",
"colorPrimaryHover": "rgb(239,68,68)",
"contentFontSize": 16,
"contentFontSizeLG": 18,
"borderRadiusLG": 3,
"colorPrimaryActive": "rgb(185,28,28)",
"defaultActiveBg": "rgb(241,245,249)",
"defaultActiveBorderColor": "rgb(30,41,59)",
"defaultActiveColor": "rgb(30,41,59)"
},
"Select": {
"optionSelectedColor": "rgb(30,41,59)",
"optionSelectedBg": "rgb(241,245,249)",
"optionActiveBg": "rgb(241,245,249)",
"colorPrimaryHover": "rgb(203,213,225)",
"colorPrimary": "rgb(203,213,225)",
"controlHeightSM": 32,
"controlHeight": 40,
"controlHeightLG": 48,
"controlOutline": "rgb(241,245,249)",
"colorBorder": "rgb(226,232,240)",
"colorText": "rgb(100,116,139)",
"colorTextDisabled": "rgb(203,213,225)",
"colorTextPlaceholder": "rgb(100,116,139)",
"colorIcon": "rgb(164,179,200)",
"hoverBorderColor": "rgb(164,179,200)",
"controlOutlineWidth": 1,
"activeBorderColor": "rgb(164,179,200)",
"colorTextDescription": "rgb(100,116,139)"
},
"Input": {
"controlHeightSM": 32,
"controlHeight": 40,
"controlHeightLG": 48,
"colorPrimaryActive": "rgb(203,213,225)",
"colorBorder": "rgb(226,232,240)",
"colorPrimary": "rgb(203,213,225)",
"colorText": "rgb(71,85,105)",
"colorTextPlaceholder": "rgb(164,179,200)",
"colorBgContainerDisabled": "rgb(241,245,249)",
"hoverBorderColor": "rgb(164,179,200)",
"activeShadow": "",
"errorActiveShadow": "",
"warningActiveShadow": "",
"activeBorderColor": "rgb(100,116,139)",
"colorError": "rgb(248,113,113)",
"colorTextDisabled": "rgb(164,179,200)",
"colorIcon": "rgb(164,179,200)",
"colorIconHover": "rgb(71,85,105)"
},
"DatePicker": {
"activeBorderColor": "rgb(164,179,200)",
"colorTextPlaceholder": "rgb(100,116,139)",
"colorBorder": "rgb(203,213,225)",
"colorIcon": "rgb(164,179,200)",
"colorTextHeading": "rgb(71,85,105)",
"colorText": "rgb(71,85,105)",
"colorTextDisabled": "rgb(164,179,200)",
"controlHeightLG": 48,
"controlHeight": 40,
"controlHeightSM": 32,
"cellHoverBg": "rgb(226,232,240)",
"activeShadow": ""
},
"Alert": {
"colorInfoBg": "rgb(224,242,254)",
"colorInfoBorder": "rgb(14,165,233)",
"colorInfo": "rgb(14,165,233)",
"colorSuccessBg": "rgb(220,252,231)",
"colorSuccessBorder": "rgb(34,197,94)",
"colorSuccess": "rgb(34,197,94)",
"colorWarningBg": "rgb(254,252,232)",
"colorWarningBorder": "rgb(251,191,36)",
"colorWarning": "rgb(251,191,36)",
"colorErrorBg": "rgb(254,226,226)",
"colorErrorBorder": "rgb(248,113,113)",
"colorError": "rgb(248,113,113)",
"colorText": "rgb(30,41,59)",
"colorTextHeading": "rgb(30,41,59)",
"colorIcon": "rgb(71,85,105)",
"borderRadiusLG": 6,
"defaultPadding": "16px 16px"
},
"Avatar": {
"colorTextPlaceholder": "rgb(255,255,255)"
},
"Spin": {
"colorPrimary": "rgb(248,113,113)"
},
"Tooltip": {
"colorText": "rgb(71,85,105)",
"colorTextLightSolid": "rgb(71,85,105)",
"colorBgSpotlight": "rgb(255,255,255)"
},
"Checkbox": {
"colorPrimary": "rgb(248,113,113)",
"colorBorder": "rgb(226,232,240)",
"colorBgContainerDisabled": "rgb(226,232,240)",
"colorText": "rgb(30,41,59)",
"colorTextDisabled": "rgb(164,179,200)",
"colorPrimaryHover": "rgb(248,113,113)",
"colorPrimaryBorder": "rgb(164,179,200)"
},
"Radio": {
"colorBorder": "rgb(226,232,240)",
"colorPrimary": "rgb(248,113,113)",
"colorPrimaryHover": "rgb(239,68,68)",
"colorPrimaryActive": "rgb(185,28,28)",
"colorPrimaryBorder": "rgb(226,232,240)",
"dotColorDisabled": "rgb(226,232,240)",
"colorBgContainerDisabled": "rgb(255,255,255)",
"colorTextDisabled": "rgb(164,179,200)",
"colorText": "rgb(30,41,59)",
"controlHeightLG": 48,
"controlHeight": 40,
"controlHeightSM": 32,
"buttonCheckedBgDisabled": "rgb(226,232,240)"
},
"Switch": {
"colorPrimary": "rgb(100,116,139)",
"colorTextQuaternary": "rgb(226,232,240)",
"colorTextTertiary": "rgb(226,232,240)",
"colorText": "rgb(30,41,59)",
"colorPrimaryHover": "rgb(100,116,139)"
},
"Breadcrumb": {
"itemColor": "rgb(164,179,200)",
"lastItemColor": "rgb(30,41,59)",
"linkColor": "rgb(164,179,200)",
"linkHoverColor": "rgb(30,41,59)",
"separatorColor": "rgb(164,179,200)",
"colorBgTextHover": "rgba(0,0,0,0)",
"colorText": "rgb(164,179,200)"
},
"Table": {
"headerBg": "rgb(241,245,249)",
"headerColor": "rgb(30,41,59)",
"headerSplitColor": "rgb(226,232,240)",
"colorText": "rgb(71,85,105)",
"rowHoverBg": "rgb(241,245,249)",
"headerSortActiveBg": "rgb(203,213,225)",
"headerSortHoverBg": "rgb(203,213,225)",
"headerFilterHoverBg": "rgb(203,213,225)"
},
"Dropdown": {
"colorText": "rgb(100,116,139)",
"controlItemBgHover": "rgb(241,245,249)",
"fontSize": 16
}
},
"token": {
"fontFamily": "Rubik",
"colorPrimaryBg": "#cbd5e1",
"colorPrimaryBgHover": "#cbd5e1",
"colorPrimaryBorder": "#e2e8f0",
"colorPrimaryBorderHover": "#cbd5e1",
"colorPrimaryHover": "#cbd5e1",
"colorPrimary": "#64748b",
"colorInfo": "#64748b",
"colorPrimaryTextHover": "#1e293b",
"colorPrimaryTextActive": "#1e293b",
"colorPrimaryActive": "#1e293b"
}
}