mirror of
https://github.com/ant-design/ant-design.git
synced 2024-12-15 08:59:15 +08:00
068584b76c
* chore: init * chore: init single * chore: merge next * chore: select single base * chore: basic all style of select * chore: speed of dropdown * chore: move size in single * chore: single size * chore: lg style * chore: left & right * chore: rtl * chore: auto rtl * chore: rtl * fix: height cal * chore: clean up * chore: status color
65 lines
2.0 KiB
TypeScript
65 lines
2.0 KiB
TypeScript
import { TinyColor } from '@ctrl/tinycolor';
|
|
import type { DesignToken } from '.';
|
|
|
|
const defaultDesignToken: DesignToken = {
|
|
primaryColor: '#1890ff',
|
|
successColor: '#52c41a',
|
|
warningColor: '#faad14',
|
|
errorColor: '#ff4d4f',
|
|
infoColor: '#1890ff',
|
|
|
|
// https://github.com/ant-design/ant-design/issues/20210
|
|
lineHeight: 1.5715,
|
|
|
|
borderWidth: 1,
|
|
borderStyle: 'solid',
|
|
borderRadius: 2,
|
|
borderColor: new TinyColor({ h: 0, s: 0, v: 85 }).toHexString(),
|
|
borderColorSplit: new TinyColor({ h: 0, s: 0, v: 94 }).toHexString(),
|
|
|
|
easeInOut: `cubic-bezier(0.645, 0.045, 0.355, 1)`,
|
|
easeInOutCirc: `cubic-bezier(0.78, 0.14, 0.15, 0.86)`,
|
|
easeOutBack: `cubic-bezier(0.12, 0.4, 0.29, 1.46)`,
|
|
easeInQuint: `cubic-bezier(0.755, 0.05, 0.855, 0.06)`,
|
|
easeOutQuint: `cubic-bezier(0.23, 1, 0.32, 1)`,
|
|
|
|
outlineWidth: 2,
|
|
outlineBlurSize: 0,
|
|
|
|
fontSize: 14,
|
|
fontFamily: `-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
|
|
'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
|
|
'Noto Color Emoji'`,
|
|
textColor: new TinyColor('#000').setAlpha(0.85).toRgbString(),
|
|
textColorSecondary: new TinyColor('#000').setAlpha(0.45).toRgbString(),
|
|
textColorDisabled: new TinyColor('#000').setAlpha(0.25).toRgbString(),
|
|
textColorInverse: '#fff',
|
|
placeholderColor: new TinyColor({ h: 0, s: 0, v: 75 }).setAlpha(0.5).toRgbString(),
|
|
|
|
headingColor: new TinyColor('#000').setAlpha(0.85).toRgbString(),
|
|
|
|
iconColorHover: new TinyColor('#000').setAlpha(0.75).toRgbString(),
|
|
|
|
itemHoverBackground: '#f5f5f5',
|
|
|
|
controlHeight: 32,
|
|
|
|
padding: 16,
|
|
margin: 16,
|
|
|
|
// Default grey background color
|
|
background: new TinyColor({ h: 0, s: 0, v: 96 }).toHexString(),
|
|
|
|
// background of header and selected item
|
|
backgroundLight: new TinyColor({ h: 0, s: 0, v: 98 }).toHexString(),
|
|
|
|
componentBackground: '#fff',
|
|
componentBackgroundDisabled: new TinyColor({ h: 0, s: 0, v: 96 }).toHexString(),
|
|
|
|
duration: 0.3,
|
|
|
|
zIndexDropdown: 1050,
|
|
};
|
|
|
|
export default defaultDesignToken;
|