mirror of
https://github.com/ant-design/ant-design.git
synced 2024-12-05 01:19:45 +08:00
34 lines
1.3 KiB
TypeScript
34 lines
1.3 KiB
TypeScript
import type { BgPalettes, TextAlphaPalettes } from '../IPalettes';
|
|
import { getAlphaColor, getSolidColor } from './colorAlgorithm';
|
|
|
|
export function generateBgPalettes(bgBaseColor: string): BgPalettes {
|
|
return {
|
|
'light-2': getSolidColor(bgBaseColor, 2),
|
|
'light-10': getSolidColor(bgBaseColor, 10),
|
|
'light-12': getSolidColor(bgBaseColor, 12),
|
|
26: getSolidColor(bgBaseColor, 26),
|
|
19: getSolidColor(bgBaseColor, 19),
|
|
15: getSolidColor(bgBaseColor, 15),
|
|
12: getSolidColor(bgBaseColor, 12),
|
|
8: getSolidColor(bgBaseColor, 8),
|
|
0: getSolidColor(bgBaseColor, 0),
|
|
};
|
|
}
|
|
|
|
export function generateTextAlphaPalettes(textBaseColor: string): TextAlphaPalettes {
|
|
return {
|
|
85: getAlphaColor(textBaseColor, 0.85),
|
|
75: getAlphaColor(textBaseColor, 0.75), // 目前只有 Color Action 用了
|
|
'light-75': getAlphaColor(textBaseColor, 0.75),
|
|
65: getAlphaColor(textBaseColor, 0.65), // 目前只有 Segment Label 用了
|
|
45: getAlphaColor(textBaseColor, 0.45),
|
|
30: getAlphaColor(textBaseColor, 0.3),
|
|
25: getAlphaColor(textBaseColor, 0.25),
|
|
// 从 12 往下基本上就是偏背景和装饰性元素了
|
|
12: getAlphaColor(textBaseColor, 0.12),
|
|
8: getAlphaColor(textBaseColor, 0.08),
|
|
4: getAlphaColor(textBaseColor, 0.04),
|
|
3: getAlphaColor(textBaseColor, 0.03),
|
|
};
|
|
}
|