You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
38 lines
1.3 KiB
TypeScript
38 lines
1.3 KiB
TypeScript
1 year ago
|
import { generateAntColors, primaryColor } from '../config/themeConfig';
|
||
|
|
import { getThemeVariables } from 'ant-design-vue/dist/theme';
|
||
|
|
import { resolve } from 'path';
|
||
|
|
|
||
|
|
/**
|
||
|
|
* less global variable
|
||
|
|
*/
|
||
|
|
export function generateModifyVars(dark = false) {
|
||
|
|
const palettes = generateAntColors(primaryColor);
|
||
|
|
const primary = palettes[5];
|
||
|
|
|
||
|
|
const primaryColorObj: Record<string, string> = {};
|
||
|
|
|
||
|
|
for (let index = 0; index < 10; index++) {
|
||
|
|
primaryColorObj[`primary-${index + 1}`] = palettes[index];
|
||
|
|
}
|
||
|
|
|
||
|
|
const modifyVars = getThemeVariables({ dark });
|
||
|
|
return {
|
||
|
|
...modifyVars,
|
||
|
|
// Used for global import to avoid the need to import each style file separately
|
||
|
|
// reference: Avoid repeated references
|
||
|
|
hack: `${modifyVars.hack} @import (reference) "${resolve('src/design/config.less')}";`,
|
||
|
|
'primary-color': primary,
|
||
|
|
...primaryColorObj,
|
||
|
|
'info-color': primary,
|
||
|
|
'processing-color': primary,
|
||
|
|
'success-color': '#55D187', // Success color
|
||
|
|
'error-color': '#ED6F6F', // False color
|
||
|
|
'warning-color': '#EFBD47', // Warning color
|
||
|
|
//'border-color-base': '#EEEEEE',
|
||
|
|
'font-size-base': '14px', // Main font size
|
||
|
|
'border-radius-base': '2px', // Component/float fillet
|
||
|
|
'link-color': primary, // Link color
|
||
|
|
'app-content-background': '#fafafa', // Link color
|
||
|
|
};
|
||
|
|
}
|