mirror of
https://github.com/ant-design/ant-design.git
synced 2024-12-15 17:19:11 +08:00
4459a200bb
* refactor: cssinjs for Result * chore: add some comments * style: use marign inline to remove rtl styles
53 lines
1.5 KiB
TypeScript
53 lines
1.5 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(),
|
|
|
|
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)`,
|
|
|
|
fontSize: 14,
|
|
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',
|
|
|
|
headingColor: new TinyColor('#000').setAlpha(0.85).toRgbString(),
|
|
|
|
iconColorHover: new TinyColor('#000').setAlpha(0.75).toRgbString(),
|
|
|
|
itemHoverBackground: '#f5f5f5',
|
|
|
|
height: 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,
|
|
};
|
|
|
|
export default defaultDesignToken;
|