import { generate } from '@ant-design/colors' export const primaryColor = '#0960bd' export const darkMode = 'light' type Fn = (...arg: any) => any type GenerateTheme = 'default' | 'dark' export interface GenerateColorsParams { mixLighten: Fn mixDarken: Fn tinycolor: any color?: string } export function generateAntColors(color: string, theme: GenerateTheme = 'default') { return generate(color, { theme, }) } export function getThemeColors(color?: string) { const tc = color || primaryColor const lightColors = generateAntColors(tc) const primary = lightColors[5] const modeColors = generateAntColors(primary, 'dark') return [...lightColors, ...modeColors] } export function generateColors({ color = primaryColor, mixLighten, mixDarken, tinycolor }: GenerateColorsParams) { const arr = Array.from({ length: 19 }).fill(0) const lightens = arr.map((_t, i) => { return mixLighten(color, i / 5) }) const darkens = arr.map((_t, i) => { return mixDarken(color, i / 5) }) const alphaColors = arr.map((_t, i) => { return tinycolor(color) .setAlpha(i / 20) .toRgbString() }) const shortAlphaColors = alphaColors.map(item => item.replace(/\s/g, '').replace(/0\./g, '.')) const tinycolorLightens = arr .map((_t, i) => { return tinycolor(color) .lighten(i * 5) .toHexString() }) .filter(item => item !== '#ffffff') const tinycolorDarkens = arr .map((_t, i) => { return tinycolor(color) .darken(i * 5) .toHexString() }) .filter(item => item !== '#000000') return [...lightens, ...darkens, ...alphaColors, ...shortAlphaColors, ...tinycolorDarkens, ...tinycolorLightens].filter( item => !item.includes('-'), ) }