mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2025-06-07 09:26:06 +08:00
Code Issues Actions 18 Packages Projects Releases Wiki Activity

feat(theme): extract theme-js file for supprt mixin theme (#22934)

Browse Source
This commit is contained in:
zefeng 2020-04-05 20:38:56 +08:00 committed by GitHub
parent e5c8bc64aa
commit a100139e17
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
5 changed files with 26 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
.antd-tools.config.js
View File

@ -2,6 +2,7 @@ const fs = require('fs');
const path = require('path');
// eslint-disable-next-line import/no-extraneous-dependencies
const packageInfo = require('./package.json');
const defaultVars = require('./scripts/default-vars');
const darkVars = require('./scripts/dark-vars');
const compactVars = require('./scripts/compact-vars');
@ -80,6 +81,7 @@ function finalizeDist() {
);
// eslint-disable-next-line no-console
console.log('Built a entry less file to dist/antd.less');
buildThemeFile('default', defaultVars);
buildThemeFile('dark', darkVars);
buildThemeFile('compact', compactVars);
}

4
scripts/compact-vars.js
View File

@ -3,11 +3,9 @@ const path = require('path');
const lessToJs = require('less-vars-to-js');
const stylePath = path.join(__dirname, '..', 'components', 'style');
const colorLess = fs.readFileSync(path.join(stylePath, 'color', 'colors.less'), 'utf8');
const defaultLess = fs.readFileSync(path.join(stylePath, 'themes', 'default.less'), 'utf8');
const compactLess = fs.readFileSync(path.join(stylePath, 'themes', 'compact.less'), 'utf8');
const compactPaletteLess = lessToJs(`${colorLess}${defaultLess}${compactLess}`, {
const compactPaletteLess = lessToJs(compactLess, {
stripPrefix: true,
resolveVariables: false,
});

4
scripts/dark-vars.js
View File

@ -8,11 +8,9 @@ const path = require('path');
const lessToJs = require('less-vars-to-js');
const stylePath = path.join(__dirname, '..', 'components', 'style');
const colorLess = fs.readFileSync(path.join(stylePath, 'color', 'colors.less'), 'utf8');
const defaultLess = fs.readFileSync(path.join(stylePath, 'themes', 'default.less'), 'utf8');
const darkLess = fs.readFileSync(path.join(stylePath, 'themes', 'dark.less'), 'utf8');
const darkPaletteLess = lessToJs(`${colorLess}${defaultLess}${darkLess}`, {
const darkPaletteLess = lessToJs(darkLess, {
stripPrefix: true,
resolveVariables: false,
});

19
scripts/default-vars.js Normal file
View File

@ -0,0 +1,19 @@
/**
* convert default.less into js vars
*
* const darkVars = require('./default-vars');
*/
const fs = require('fs');
const path = require('path');
const lessToJs = require('less-vars-to-js');
const stylePath = path.join(__dirname, '..', 'components', 'style');
const colorLess = fs.readFileSync(path.join(stylePath, 'color', 'colors.less'), 'utf8');
const defaultLess = fs.readFileSync(path.join(stylePath, 'themes', 'default.less'), 'utf8');
const defaultPaletteLess = lessToJs(`${colorLess}${defaultLess}`, {
stripPrefix: true,
resolveVariables: false,
});
module.exports = defaultPaletteLess;

3
scripts/generateColorLess.js
View File

@ -2,6 +2,7 @@
const path = require('path');
const { generateTheme } = require('antd-theme-generator');
const genCss = require('antd-pro-merge-less');
const defaultVar = require('./default-vars');
const dark = require('./dark-vars');
const compact = require('./compact-vars');
@ -12,6 +13,7 @@ genCss(
theme: 'dark',
fileName: './_site/dark.css',
modifyVars: {
...defaultVar,
...dark,
'@site-text-color': '@heading-color',
'@site-markdown-code-bg': '@input-bg',
@ -21,6 +23,7 @@ genCss(
theme: 'compact',
fileName: './_site/compact.css',
modifyVars: {
...defaultVar,
...compact,
},
},