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.
73 lines
2.7 KiB
73 lines
2.7 KiB
2 years ago
|
const path = require('path');
|
||
|
|
const fs = require('fs');
|
||
|
|
const { generateTheme, getLessVars } = require('antd-theme-generator');
|
||
|
|
|
||
|
|
const themeVariables = getLessVars(path.join(__dirname, './client/src/styles/theme.less'));
|
||
|
|
const defaultVars = getLessVars('./node_modules/antd/lib/style/themes/default.less');
|
||
|
|
|
||
|
|
const darkVars = {
|
||
|
|
...getLessVars('./node_modules/antd/lib/style/themes/dark.less'),
|
||
|
|
'@primary-color': '#2F53EA',
|
||
|
|
'@picker-basic-cell-active-with-range-color': 'darken(@primary-color, 20%)',
|
||
|
|
'@layout-header-background': '#1F2439',
|
||
|
|
'@layout-breadcrum-background': '#2A2D38',
|
||
|
|
'@layout-body-background': '#1F2127',
|
||
|
|
'@layout-header-shadow': '0px 3px 6px -4px rgba(0, 0, 0, 0.25)',
|
||
|
|
'@layout-slder-shadow': '3px 0px 6px -4px rgba(0, 0, 0, 0.25)',
|
||
|
|
'@layout-content-background': '#2A2D38',
|
||
|
|
'@mark-background-color': '#f5fdca',
|
||
|
|
'@component-background': '#2A2D38',
|
||
|
|
|
||
|
|
};
|
||
|
|
const lightVars = {
|
||
|
|
...getLessVars('./node_modules/antd/lib/style/themes/compact.less'),
|
||
|
|
'@primary-color': '#0057C9',
|
||
|
|
'@layout-header-background': defaultVars['@white'],
|
||
|
|
'@layout-breadcrum-background': defaultVars['@white'],
|
||
|
|
'@layout-content-background': defaultVars['@white'],
|
||
|
|
'@layout-body-background': '#F6F6F7',
|
||
|
|
'@layout-header-shadow': '0px 3px 6px -4px rgba(0, 0, 0, 0.12)',
|
||
|
|
'@layout-slder-shadow': '3px 0px 6px -4px rgba(0, 0, 0, 0.12)',
|
||
|
|
'@mark-background-color': '#f5fdca',
|
||
|
|
'@component-background': '#FFF',
|
||
|
|
};
|
||
|
|
fs.writeFileSync('./client/src/themes/dark.json', JSON.stringify(darkVars));
|
||
|
|
fs.writeFileSync('./client/src/themes/light.json', JSON.stringify(lightVars));
|
||
|
|
fs.writeFileSync('./client/src/themes/theme.json', JSON.stringify(themeVariables));
|
||
|
|
|
||
|
|
const options = {
|
||
|
|
stylesDir: path.join(__dirname, './client/src/styles'),
|
||
|
|
antDir: path.join(__dirname, './node_modules/antd'),
|
||
|
|
varFile: path.join(__dirname, './client/src/styles/theme.less'),
|
||
|
|
// mainLessFile: path.join(__dirname, './client/src/styles/antd.less'),
|
||
|
|
themeVariables: Array.from(new Set([
|
||
|
|
...Object.keys(darkVars),
|
||
|
|
...Object.keys(lightVars),
|
||
|
|
...Object.keys(themeVariables),
|
||
|
|
])),
|
||
|
|
// themeVariables: [
|
||
|
|
// '@primary-color',
|
||
|
|
// '@link-color',
|
||
|
|
// '@secondary-color',
|
||
|
|
// '@text-color',
|
||
|
|
// '@text-color-secondary',
|
||
|
|
// '@disabled-color',
|
||
|
|
// '@heading-color',
|
||
|
|
// '@layout-body-background',
|
||
|
|
// '@btn-primary-bg',
|
||
|
|
// '@layout-header-background',
|
||
|
|
// '@border-color-base',
|
||
|
|
// '@component-background',
|
||
|
|
// '@body-background'
|
||
|
|
// ],
|
||
|
|
indexFileName: 'index.html',
|
||
|
|
outputFilePath: path.join(__dirname, './client/assets/color.less'),
|
||
|
|
customColorRegexArray: [/^fade\(.*\)$/],
|
||
|
|
};
|
||
|
|
|
||
|
|
generateTheme(options).then((less) => {
|
||
|
|
console.log('Theme generated successfully');
|
||
|
|
}).catch((error) => {
|
||
|
|
console.log('Error', error);
|
||
|
|
});
|