ant-design/components/theme/themes/default/index.ts
MadCcc dc017f5141
feat: dark color algorithm (#36546)
* feat: dark color algorithm

* test: fix lint

* chore: update colorError

* chore: color update
2022-07-15 19:27:29 +08:00

57 lines
1.5 KiB
TypeScript

import { generate } from '@ant-design/colors';
import type { ColorPalettes, MapToken, PresetColorType, SeedToken } from '../../interface';
import { defaultPresetColors } from '../seed';
import genColorMapToken from '../shared/genColorMapToken';
import genCommonMapToken from '../shared/genCommonMapToken';
import {
generateBgPalettes,
generateErrorPalettes,
generateInfoPalettes,
generatePrimaryPalettes,
generateSuccessPalettes,
generateTextAlphaPalettes,
generateWarningPalettes,
} from './palettes';
export default function derivative(token: SeedToken): MapToken {
const colorPalettes = Object.keys(defaultPresetColors)
.map((colorKey: keyof PresetColorType) => {
const colors = generate(token[colorKey]);
return new Array(10).fill(1).reduce((prev, _, i) => {
prev[`${colorKey}-${i + 1}`] = colors[i];
return prev;
}, {}) as ColorPalettes;
})
.reduce((prev, cur) => {
prev = {
...prev,
...cur,
};
return prev;
}, {} as ColorPalettes);
const colorBgBase = token.colorBgBase || '#fff';
const colorTextBase = token.colorTextBase || '#000';
return {
...token,
...colorPalettes,
// Colors
...genColorMapToken(
{ ...token, colorBgBase, colorTextBase },
{
generatePrimaryPalettes,
generateErrorPalettes,
generateInfoPalettes,
generateSuccessPalettes,
generateWarningPalettes,
generateBgPalettes,
generateTextAlphaPalettes,
},
),
...genCommonMapToken(token),
};
}