first commit
This commit is contained in:
2
frontend/node_modules/antd/es/theme/themes/dark/colorAlgorithm.d.ts
generated
vendored
Normal file
2
frontend/node_modules/antd/es/theme/themes/dark/colorAlgorithm.d.ts
generated
vendored
Normal file
@@ -0,0 +1,2 @@
|
||||
export declare const getAlphaColor: (baseColor: string, alpha: number) => string;
|
||||
export declare const getSolidColor: (baseColor: string, brightness: number) => string;
|
||||
6
frontend/node_modules/antd/es/theme/themes/dark/colorAlgorithm.js
generated
vendored
Normal file
6
frontend/node_modules/antd/es/theme/themes/dark/colorAlgorithm.js
generated
vendored
Normal file
@@ -0,0 +1,6 @@
|
||||
import { FastColor } from '@ant-design/fast-color';
|
||||
export const getAlphaColor = (baseColor, alpha) => new FastColor(baseColor).setA(alpha).toRgbString();
|
||||
export const getSolidColor = (baseColor, brightness) => {
|
||||
const instance = new FastColor(baseColor);
|
||||
return instance.lighten(brightness).toHexString();
|
||||
};
|
||||
3
frontend/node_modules/antd/es/theme/themes/dark/colors.d.ts
generated
vendored
Normal file
3
frontend/node_modules/antd/es/theme/themes/dark/colors.d.ts
generated
vendored
Normal file
@@ -0,0 +1,3 @@
|
||||
import type { GenerateColorMap, GenerateNeutralColorMap } from '../ColorMap';
|
||||
export declare const generateColorPalettes: GenerateColorMap;
|
||||
export declare const generateNeutralColorPalettes: GenerateNeutralColorMap;
|
||||
48
frontend/node_modules/antd/es/theme/themes/dark/colors.js
generated
vendored
Normal file
48
frontend/node_modules/antd/es/theme/themes/dark/colors.js
generated
vendored
Normal file
@@ -0,0 +1,48 @@
|
||||
import { generate } from '@ant-design/colors';
|
||||
import { getAlphaColor, getSolidColor } from './colorAlgorithm';
|
||||
export const generateColorPalettes = baseColor => {
|
||||
const colors = generate(baseColor, {
|
||||
theme: 'dark'
|
||||
});
|
||||
return {
|
||||
1: colors[0],
|
||||
2: colors[1],
|
||||
3: colors[2],
|
||||
4: colors[3],
|
||||
5: colors[6],
|
||||
6: colors[5],
|
||||
7: colors[4],
|
||||
8: colors[6],
|
||||
9: colors[5],
|
||||
10: colors[4]
|
||||
// 8: colors[9],
|
||||
// 9: colors[8],
|
||||
// 10: colors[7],
|
||||
};
|
||||
};
|
||||
export const generateNeutralColorPalettes = (bgBaseColor, textBaseColor) => {
|
||||
const colorBgBase = bgBaseColor || '#000';
|
||||
const colorTextBase = textBaseColor || '#fff';
|
||||
return {
|
||||
colorBgBase,
|
||||
colorTextBase,
|
||||
colorText: getAlphaColor(colorTextBase, 0.85),
|
||||
colorTextSecondary: getAlphaColor(colorTextBase, 0.65),
|
||||
colorTextTertiary: getAlphaColor(colorTextBase, 0.45),
|
||||
colorTextQuaternary: getAlphaColor(colorTextBase, 0.25),
|
||||
colorFill: getAlphaColor(colorTextBase, 0.18),
|
||||
colorFillSecondary: getAlphaColor(colorTextBase, 0.12),
|
||||
colorFillTertiary: getAlphaColor(colorTextBase, 0.08),
|
||||
colorFillQuaternary: getAlphaColor(colorTextBase, 0.04),
|
||||
colorBgSolid: getAlphaColor(colorTextBase, 0.95),
|
||||
colorBgSolidHover: getAlphaColor(colorTextBase, 1),
|
||||
colorBgSolidActive: getAlphaColor(colorTextBase, 0.9),
|
||||
colorBgElevated: getSolidColor(colorBgBase, 12),
|
||||
colorBgContainer: getSolidColor(colorBgBase, 8),
|
||||
colorBgLayout: getSolidColor(colorBgBase, 0),
|
||||
colorBgSpotlight: getSolidColor(colorBgBase, 26),
|
||||
colorBgBlur: getAlphaColor(colorTextBase, 0.04),
|
||||
colorBorder: getSolidColor(colorBgBase, 26),
|
||||
colorBorderSecondary: getSolidColor(colorBgBase, 19)
|
||||
};
|
||||
};
|
||||
4
frontend/node_modules/antd/es/theme/themes/dark/index.d.ts
generated
vendored
Normal file
4
frontend/node_modules/antd/es/theme/themes/dark/index.d.ts
generated
vendored
Normal file
@@ -0,0 +1,4 @@
|
||||
import type { DerivativeFunc } from '@ant-design/cssinjs';
|
||||
import type { MapToken, SeedToken } from '../../interface';
|
||||
declare const derivative: DerivativeFunc<SeedToken, MapToken>;
|
||||
export default derivative;
|
||||
34
frontend/node_modules/antd/es/theme/themes/dark/index.js
generated
vendored
Normal file
34
frontend/node_modules/antd/es/theme/themes/dark/index.js
generated
vendored
Normal file
@@ -0,0 +1,34 @@
|
||||
import { generate } from '@ant-design/colors';
|
||||
import defaultAlgorithm from '../default';
|
||||
import { defaultPresetColors } from '../seed';
|
||||
import genColorMapToken from '../shared/genColorMapToken';
|
||||
import { generateColorPalettes, generateNeutralColorPalettes } from './colors';
|
||||
const derivative = (token, mapToken) => {
|
||||
const colorPalettes = Object.keys(defaultPresetColors).map(colorKey => {
|
||||
const colors = generate(token[colorKey], {
|
||||
theme: 'dark'
|
||||
});
|
||||
return Array.from({
|
||||
length: 10
|
||||
}, () => 1).reduce((prev, _, i) => {
|
||||
prev[`${colorKey}-${i + 1}`] = colors[i];
|
||||
prev[`${colorKey}${i + 1}`] = colors[i];
|
||||
return prev;
|
||||
}, {});
|
||||
}).reduce((prev, cur) => {
|
||||
prev = Object.assign(Object.assign({}, prev), cur);
|
||||
return prev;
|
||||
}, {});
|
||||
const mergedMapToken = mapToken !== null && mapToken !== void 0 ? mapToken : defaultAlgorithm(token);
|
||||
const colorMapToken = genColorMapToken(token, {
|
||||
generateColorPalettes,
|
||||
generateNeutralColorPalettes
|
||||
});
|
||||
return Object.assign(Object.assign(Object.assign(Object.assign({}, mergedMapToken), colorPalettes), colorMapToken), {
|
||||
// Customize selected item background color
|
||||
// https://github.com/ant-design/ant-design/issues/30524#issuecomment-871961867
|
||||
colorPrimaryBg: colorMapToken.colorPrimaryBorder,
|
||||
colorPrimaryBgHover: colorMapToken.colorPrimaryBorderHover
|
||||
});
|
||||
};
|
||||
export default derivative;
|
||||
Reference in New Issue
Block a user