imported missing variable imports which are required to compile less files to css (#24450)

package.json

@@ -173,8 +173,8 @@
     "@typescript-eslint/eslint-plugin": "^3.0.0",
     "@typescript-eslint/parser": "^3.0.0",
     "antd-img-crop": "^3.1.1",
-    "antd-pro-merge-less": "^3.0.3",
-    "antd-theme-generator": "1.2.2",
+    "antd-pro-merge-less": "^3.0.9",
+    "antd-theme-generator": "^1.2.3",
     "babel-eslint": "^10.0.1",
     "babel-plugin-add-react-displayname": "^0.0.5",
     "bisheng": "^1.5.1",

scripts/generate-color-less.js

@@ -38,9 +38,10 @@ genCss(
 );
 
 const options = {
+  antDir: path.join(__dirname, '../node_modules/antd'),
   stylesDir: path.join(__dirname, '../site/theme/static'),
-  antdStylesDir: path.join(__dirname, '../components'),
-  varFile: path.join(__dirname, '../components/style/themes/default.less'),
+  antdStylesDir: path.join(__dirname, '../node_modules/antd/lib/'),
+  varFile: path.join(__dirname, '../site/theme/static/theme.less'),
   mainLessFile: path.join(__dirname, '../site/theme/static/index.less'),
   themeVariables: ['@primary-color'],
   outputFilePath: path.join(__dirname, '../_site/color.less'),

site/theme/static/theme.less

@@ -1,3 +1,7 @@
+@import '../../../components/style/themes/default.less';
+@import './colors.less';
+@import './home.less';
+
 @site-heading-color: @heading-color;
 @site-text-color: @heading-color;
 @site-text-color-secondary: @text-color-secondary;