You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
43 lines
1.4 KiB
43 lines
1.4 KiB
/** |
|
* @program: kicc-ui |
|
* @description: 生成less修改的变量 |
|
* @author: wangxiang4 |
|
* @create: 2022/4/5 |
|
*/ |
|
|
|
import { generateAntColors, primaryColor } from '../config/themeConfig'; |
|
import { getThemeVariables } from 'ant-design-vue/dist/theme'; |
|
import { resolve } from 'path'; |
|
|
|
/** 生成less需要修改的变量 */ |
|
export function generateModifyVars(dark = false) { |
|
// 根据算法生成Ant颜色详情: https://ant.design/docs/spec/colors-cn |
|
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]; |
|
} |
|
|
|
// 获取ant-design主题变量 |
|
const modifyVars = getThemeVariables({ dark }); |
|
return { |
|
...modifyVars, |
|
// 定制Ant主题,使用@import (reference)覆盖内部配置 |
|
hack: `${modifyVars.hack} @import (reference) "${resolve('src/assets/styles/config.less')}";`, |
|
'primary-color': primary, |
|
...primaryColorObj, |
|
'info-color': primary, |
|
'processing-color': primary, |
|
'success-color': '#55D187', |
|
'error-color': '#ED6F6F', |
|
'warning-color': '#EFBD47', |
|
'border-color-base': '#EEEEEE', |
|
'font-size-base': '14px', |
|
'border-radius-base': '2px', |
|
'link-color': primary, |
|
'app-content-background': '#fafafa' |
|
}; |
|
}
|
|
|