forked from lunanting/cangku
130 lines
3.1 KiB
JavaScript
130 lines
3.1 KiB
JavaScript
export const sycmAntdTheme = {
|
|
token: {
|
|
colorPrimary: '#2062e6',
|
|
colorInfo: '#2062e6',
|
|
colorSuccess: '#1bb574',
|
|
colorWarning: '#ffa60d',
|
|
colorError: '#ff4d4f',
|
|
colorTextBase: '#333333',
|
|
colorText: '#333333',
|
|
colorTextHeading: '#262626',
|
|
colorTextSecondary: '#595959',
|
|
colorTextTertiary: '#8c8c8c',
|
|
colorBgBase: '#e6e6e6',
|
|
colorBgContainer: '#ffffff',
|
|
colorBgLayout: '#e6e6e6',
|
|
colorBorder: '#e6e6e6',
|
|
colorBorderSecondary: '#f0f0f0',
|
|
borderRadius: 4,
|
|
borderRadiusLG: 8,
|
|
borderRadiusSM: 2,
|
|
borderRadiusXS: 2,
|
|
controlHeight: 32,
|
|
controlHeightSM: 28,
|
|
controlHeightLG: 40,
|
|
fontFamily: '"PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "SimHei", "WenQuanYi Micro Hei", sans-serif',
|
|
fontSize: 12,
|
|
fontSizeHeading5: 16,
|
|
fontSizeHeading4: 20,
|
|
fontSizeHeading3: 20,
|
|
lineHeight: 1.5,
|
|
boxShadow: '0 1px 4px rgba(0, 0, 0, 0.04)',
|
|
boxShadowSecondary: '0 2px 8px rgba(0, 0, 0, 0.08)',
|
|
},
|
|
components: {
|
|
Button: {
|
|
borderRadius: 4,
|
|
controlHeight: 32,
|
|
controlHeightSM: 28,
|
|
controlHeightLG: 40,
|
|
contentFontSize: 14,
|
|
contentFontSizeSM: 12,
|
|
contentFontSizeLG: 14,
|
|
fontWeight: 500,
|
|
primaryShadow: 'none',
|
|
},
|
|
Card: {
|
|
borderRadiusLG: 12,
|
|
paddingLG: 16,
|
|
headerHeight: 44,
|
|
},
|
|
Form: {
|
|
labelColor: '#595959',
|
|
labelFontSize: 12,
|
|
itemMarginBottom: 16,
|
|
},
|
|
Input: {
|
|
borderRadius: 2,
|
|
hoverBorderColor: '#0d0c0c',
|
|
activeBorderColor: '#4987f2',
|
|
activeShadow: '0 0 0 2px rgba(32, 98, 230, 0.2)',
|
|
},
|
|
InputNumber: {
|
|
borderRadius: 2,
|
|
hoverBorderColor: '#0d0c0c',
|
|
activeBorderColor: '#4987f2',
|
|
activeShadow: '0 0 0 2px rgba(32, 98, 230, 0.2)',
|
|
},
|
|
Select: {
|
|
borderRadius: 2,
|
|
optionSelectedBg: 'rgba(32, 98, 230, 0.06)',
|
|
optionActiveBg: '#f5f7fa',
|
|
},
|
|
DatePicker: {
|
|
borderRadius: 2,
|
|
hoverBorderColor: '#0d0c0c',
|
|
activeBorderColor: '#4987f2',
|
|
activeShadow: '0 0 0 2px rgba(32, 98, 230, 0.2)',
|
|
},
|
|
Table: {
|
|
borderRadius: 8,
|
|
borderColor: '#f0f0f0',
|
|
cellFontSize: 12,
|
|
cellFontSizeMD: 12,
|
|
cellFontSizeSM: 12,
|
|
headerBg: '#f9f9f9',
|
|
headerColor: '#595959',
|
|
headerSplitColor: '#f0f0f0',
|
|
rowHoverBg: '#f5f7fa',
|
|
},
|
|
Tag: {
|
|
borderRadiusSM: 2,
|
|
fontSizeSM: 12,
|
|
defaultBg: '#fafbfc',
|
|
},
|
|
Tabs: {
|
|
inkBarColor: '#2062e6',
|
|
itemActiveColor: '#2062e6',
|
|
itemHoverColor: '#3d5eff',
|
|
itemSelectedColor: '#2062e6',
|
|
titleFontSize: 14,
|
|
},
|
|
Segmented: {
|
|
borderRadius: 4,
|
|
itemSelectedBg: '#ffffff',
|
|
itemSelectedColor: '#2062e6',
|
|
trackBg: '#fafbfc',
|
|
},
|
|
Pagination: {
|
|
borderRadius: 4,
|
|
itemActiveBg: '#2062e6',
|
|
},
|
|
Modal: {
|
|
borderRadiusLG: 12,
|
|
titleFontSize: 16,
|
|
},
|
|
Drawer: {
|
|
borderRadiusLG: 12,
|
|
},
|
|
Tooltip: {
|
|
borderRadius: 8,
|
|
colorBgSpotlight: '#2d3033',
|
|
fontSize: 12,
|
|
},
|
|
Popover: {
|
|
borderRadiusLG: 12,
|
|
titleMinWidth: 160,
|
|
},
|
|
},
|
|
};
|