| | |
| | | |
| | | import { generate } from '@ant-design/colors'; |
| | | // @ts-ignore: typo |
| | | import { getThemeVariables } from 'ant-design-vue/dist/theme'; |
| | | /* import { getThemeVariables } from 'ant-design-vue/dist/theme'; */ |
| | | import { theme } from 'ant-design-vue/lib'; |
| | | import convertLegacyToken from 'ant-design-vue/lib/theme/convertLegacyToken'; |
| | | |
| | | const { defaultAlgorithm, defaultSeed } = theme; |
| | | const primaryColor = '#0960bd'; |
| | | |
| | | function generateAntColors(color: string, theme: 'default' | 'dark' = 'default') { |
| | |
| | | export function generateModifyVars() { |
| | | 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(); |
| | | // const modifyVars = getThemeVariables(); |
| | | const mapToken = defaultAlgorithm(defaultSeed); |
| | | const v3Token = convertLegacyToken(mapToken); |
| | | return { |
| | | ...modifyVars, |
| | | ...v3Token, |
| | | // reference: Avoid repeated references |
| | | hack: `${modifyVars.hack} @import (reference) "${resolve('src/design/config.less')}";`, |
| | | hack: `true; @import (reference) "${resolve('src/design/config.less')}";`, |
| | | 'primary-color': primary, |
| | | ...primaryColorObj, |
| | | 'info-color': primary, |
| | |
| | | '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 |
| | | }; |
| | | } |