2022-02-18 14:17:32 +08:00
|
|
|
import { TinyColor } from '@ctrl/tinycolor';
|
|
|
|
import type { DesignToken } from '.';
|
|
|
|
|
|
|
|
const defaultDesignToken: DesignToken = {
|
|
|
|
primaryColor: '#1890ff',
|
|
|
|
errorColor: '#ff4d4f',
|
|
|
|
|
|
|
|
// 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)`,
|
2022-03-01 21:12:00 +08:00
|
|
|
easeOutBack: `cubic-bezier(0.12, 0.4, 0.29, 1.46)`,
|
2022-02-18 14:17:32 +08:00
|
|
|
|
|
|
|
fontSize: 14,
|
|
|
|
textColor: new TinyColor('#000').setAlpha(0.85).toRgbString(),
|
|
|
|
textColorDisabled: new TinyColor('#000').setAlpha(0.25).toRgbString(),
|
2022-03-03 14:55:19 +08:00
|
|
|
textColorInverse: '#fff',
|
2022-02-18 14:17:32 +08:00
|
|
|
|
2022-03-02 20:32:25 +08:00
|
|
|
itemHoverBackground: '#f5f5f5',
|
|
|
|
|
2022-02-18 14:17:32 +08:00
|
|
|
height: 32,
|
|
|
|
|
|
|
|
padding: 16,
|
|
|
|
margin: 16,
|
|
|
|
|
2022-03-01 21:12:00 +08:00
|
|
|
background: new TinyColor({ h: 0, s: 0, v: 96 }).toHexString(),
|
2022-02-18 14:17:32 +08:00
|
|
|
componentBackground: '#fff',
|
|
|
|
componentBackgroundDisabled: new TinyColor({ h: 0, s: 0, v: 96 }).toHexString(),
|
|
|
|
|
2022-03-01 21:12:00 +08:00
|
|
|
duration: 0.3,
|
2022-02-18 14:17:32 +08:00
|
|
|
};
|
|
|
|
|
|
|
|
export default defaultDesignToken;
|