ant-design/components/_util/theme/default.tsx
xrkffgg 8b1e5a2ab5
refactor: cssinjs alert (#34285)
* refactor: cssinjs alert

* fix: color

* fix: default

* fix: cs

* fix: ssr

* fix: ssr

* fix: ssr

* fix: ssr
2022-03-04 19:09:55 +08:00

48 lines
1.3 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,
background: new TinyColor({ h: 0, s: 0, v: 96 }).toHexString(),
componentBackground: '#fff',
componentBackgroundDisabled: new TinyColor({ h: 0, s: 0, v: 96 }).toHexString(),
duration: 0.3,
};
export default defaultDesignToken;