add antd theme config

chenghao · chenghao · commit 405aeec37888 · 2018-02-13T12:43:32.000+08:00
diff --git a/config/webpack.config.dev.js b/config/webpack.config.dev.js
@@ -11,6 +11,7 @@ const eslintFormatter = require('react-dev-utils/eslintFormatter');
 const ModuleScopePlugin = require('react-dev-utils/ModuleScopePlugin');
 const getClientEnvironment = require('./env');
 const paths = require('./paths');
+const theme = require('../theme');
 
 // Webpack uses `publicPath` to determine where the app is being served from.
 // In development, we always serve from the root. This makes config easier.
@@ -215,7 +216,7 @@ module.exports = {
           {
             loader: require.resolve('less-loader'),
                 options: {
-                  modifyVars: { "@primary-color": "#001529" },
+                  modifyVars: theme,
                 },
           },
         ],
diff --git a/config/webpack.config.prod.js b/config/webpack.config.prod.js
@@ -12,6 +12,7 @@ const eslintFormatter = require('react-dev-utils/eslintFormatter');
 const ModuleScopePlugin = require('react-dev-utils/ModuleScopePlugin');
 const paths = require('./paths');
 const getClientEnvironment = require('./env');
+const theme = require('../theme');
 
 // Webpack uses `publicPath` to determine where the app is being served from.
 // It requires a trailing slash, or the file assets will get an incorrect path.
@@ -215,7 +216,7 @@ module.exports = {
                 {
                     loader: require.resolve('less-loader'),
                     options: {
-                        modifyVars: { "@primary-color": "#001529" },
+                        modifyVars: theme,
                     },
                 },
             ],
diff --git a/src/style/index.less b/src/style/index.less
@@ -60,9 +60,6 @@
 }
 
 :global {
-  .ant-menu-vertical .ant-menu-item, .ant-menu-vertical-left .ant-menu-item, .ant-menu-vertical-right .ant-menu-item, .ant-menu-inline .ant-menu-item, .ant-menu-vertical .ant-menu-submenu-title, .ant-menu-vertical-left .ant-menu-submenu-title, .ant-menu-vertical-right .ant-menu-submenu-title, .ant-menu-inline .ant-menu-submenu-title{
-    font-size: 12px !important;
-  }
   .ant-card-head-title {
     font-size: 14px !important;
   }
diff --git a/theme/index.json b/theme/index.json
@@ -0,0 +1,4 @@
+{ 
+    "@primary-color": "#001529",
+    "@font-size-base": "12px" 
+}

Original file line number	Diff line number	Diff line change
`@@ -60,9 +60,6 @@`
`60`	`60`	`}`
`61`	`61`
`62`	`62`	`:global {`
`63`		`- .ant-menu-vertical .ant-menu-item, .ant-menu-vertical-left .ant-menu-item, .ant-menu-vertical-right .ant-menu-item, .ant-menu-inline .ant-menu-item, .ant-menu-vertical .ant-menu-submenu-title, .ant-menu-vertical-left .ant-menu-submenu-title, .ant-menu-vertical-right .ant-menu-submenu-title, .ant-menu-inline .ant-menu-submenu-title{`
`64`		`- font-size: 12px !important;`
`65`		`- }`
`66`	`63`	`.ant-card-head-title {`
`67`	`64`	`font-size: 14px !important;`
`68`	`65`	`}`
-Original file line number
+Diff line change
@@ @@ -0,0 +1,4 @@ @@
 +{
 +    "@primary-color": "#001529",
 +    "@font-size-base": "12px"
 +}