70 lines
1.7 KiB
TypeScript
70 lines
1.7 KiB
TypeScript
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 = new Array(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('-')
|
|
)
|
|
}
|