antd
Version:
An enterprise-class UI design language and React components implementation
54 lines (53 loc) • 2.3 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.generateNeutralColorPalettes = exports.generateColorPalettes = void 0;
var _colors = require("@ant-design/colors");
var _colorAlgorithm = require("./colorAlgorithm");
const generateColorPalettes = baseColor => {
const colors = (0, _colors.generate)(baseColor);
return {
1: colors[0],
2: colors[1],
3: colors[2],
4: colors[3],
5: colors[4],
6: colors[5],
7: colors[6],
8: colors[4],
9: colors[5],
10: colors[6]
// 8: colors[7],
// 9: colors[8],
// 10: colors[9],
};
};
exports.generateColorPalettes = generateColorPalettes;
const generateNeutralColorPalettes = (bgBaseColor, textBaseColor) => {
const colorBgBase = bgBaseColor || '#fff';
const colorTextBase = textBaseColor || '#000';
return {
colorBgBase,
colorTextBase,
colorText: (0, _colorAlgorithm.getAlphaColor)(colorTextBase, 0.88),
colorTextSecondary: (0, _colorAlgorithm.getAlphaColor)(colorTextBase, 0.65),
colorTextTertiary: (0, _colorAlgorithm.getAlphaColor)(colorTextBase, 0.45),
colorTextQuaternary: (0, _colorAlgorithm.getAlphaColor)(colorTextBase, 0.25),
colorFill: (0, _colorAlgorithm.getAlphaColor)(colorTextBase, 0.15),
colorFillSecondary: (0, _colorAlgorithm.getAlphaColor)(colorTextBase, 0.06),
colorFillTertiary: (0, _colorAlgorithm.getAlphaColor)(colorTextBase, 0.04),
colorFillQuaternary: (0, _colorAlgorithm.getAlphaColor)(colorTextBase, 0.02),
colorBgSolid: (0, _colorAlgorithm.getAlphaColor)(colorTextBase, 1),
colorBgSolidHover: (0, _colorAlgorithm.getAlphaColor)(colorTextBase, 0.75),
colorBgSolidActive: (0, _colorAlgorithm.getAlphaColor)(colorTextBase, 0.95),
colorBgLayout: (0, _colorAlgorithm.getSolidColor)(colorBgBase, 4),
colorBgContainer: (0, _colorAlgorithm.getSolidColor)(colorBgBase, 0),
colorBgElevated: (0, _colorAlgorithm.getSolidColor)(colorBgBase, 0),
colorBgSpotlight: (0, _colorAlgorithm.getAlphaColor)(colorTextBase, 0.85),
colorBgBlur: 'transparent',
colorBorder: (0, _colorAlgorithm.getSolidColor)(colorBgBase, 15),
colorBorderSecondary: (0, _colorAlgorithm.getSolidColor)(colorBgBase, 6)
};
};
exports.generateNeutralColorPalettes = generateNeutralColorPalettes;