ant-design/components/theme/themes/dark/index.ts

53 lines
1.4 KiB
TypeScript
Raw Normal View History

2022-06-21 17:17:19 +08:00
import { generate } from '@ant-design/colors';
import type { DerivativeFunc } from '@ant-design/cssinjs';
2023-12-04 20:07:20 +08:00
import type {
ColorPalettes,
LegacyColorPalettes,
MapToken,
PresetColorType,
SeedToken,
} from '../../interface';
import { defaultPresetColors } from '../seed';
import genColorMapToken from '../shared/genColorMapToken';
import { generateColorPalettes, generateNeutralColorPalettes } from './colors';
import defaultAlgorithm from '../default';
2022-06-21 17:17:19 +08:00
const derivative: DerivativeFunc<SeedToken, MapToken> = (token, mapToken) => {
2022-06-21 17:17:19 +08:00
const colorPalettes = Object.keys(defaultPresetColors)
.map((colorKey: keyof PresetColorType) => {
const colors = generate(token[colorKey], { theme: 'dark' });
2022-06-21 17:17:19 +08:00
return new Array(10).fill(1).reduce((prev, _, i) => {
2023-12-04 20:07:20 +08:00
prev[`${colorKey}-${i + 1}`] = colors[i];
prev[`${colorKey}${i + 1}`] = colors[i];
2022-06-21 17:17:19 +08:00
return prev;
2023-12-04 20:07:20 +08:00
}, {}) as ColorPalettes & LegacyColorPalettes;
2022-06-21 17:17:19 +08:00
})
2023-12-04 20:07:20 +08:00
.reduce(
(prev, cur) => {
prev = {
...prev,
...cur,
};
return prev;
},
{} as ColorPalettes & LegacyColorPalettes,
);
2022-06-21 17:17:19 +08:00
const mergedMapToken = mapToken ?? defaultAlgorithm(token);
return {
...mergedMapToken,
// Dark tokens
2022-06-21 17:17:19 +08:00
...colorPalettes,
// Colors
...genColorMapToken(token, {
generateColorPalettes,
generateNeutralColorPalettes,
}),
2022-06-21 17:17:19 +08:00
};
};
export default derivative;