修改统一风格

config/webpack.config.dev.js

@@ -150,7 +150,7 @@ module.exports = {
                   {
                     libraryName: "antd",
                     libraryDirectory: "es",
-                    style: "css",
+                    style: true,
                   },
                 ],
               ],
@@ -208,6 +208,26 @@ module.exports = {
               },
             ],
           },
+          {
+            test: /\.less$/,
+            use: [{
+              loader: 'style-loader',
+            }, {
+              loader: 'css-loader', // translates CSS into CommonJS
+            }, {
+              loader: 'less-loader', // compiles Less to CSS
+              options: {
+                modifyVars: {
+                  'primary-color': '#466aff',
+                  'primary-color-hover': '#6684FE',
+                  'primary-color-active': '#1A47FF',
+                  'link-color': '#466aff',
+                },
+                javascriptEnabled: true,
+              },
+            }]
+          },
+
           // "file" loader makes sure those assets get served by WebpackDevServer.
           // When you `import` an asset, you get its (virtual) filename.
           // In production, they would get copied to the `build` folder.
@@ -266,7 +286,7 @@ module.exports = {
     new webpack.IgnorePlugin(/^\.\/locale$/, /moment$/),
     new MonacoWebpackPlugin({
       features: ["coreCommands", "find"],
-      languages: ['plaintext','apex', 'azcli', 'bat', 'clojure', 'coffee', 'cpp', 'csharp', 'csp', 'css', 'dockerfile', 'fsharp', 'go', 'handlebars', 'html', 'ini', 'java', 'javascript', 'json', 'less', 'lua', 'markdown', 'msdax', 'mysql', 'objective', 'perl', 'pgsql', 'php', 'postiats', 'powerquery', 'powershell', 'pug', 'python', 'r', 'razor', 'redis', 'redshift', 'ruby', 'rust', 'sb', 'scheme', 'scss', 'shell', 'solidity', 'sql', 'st', 'swift', 'typescript', 'vb', 'xml', 'yaml']
+      languages: ['plaintext', 'apex', 'azcli', 'bat', 'clojure', 'coffee', 'cpp', 'csharp', 'csp', 'css', 'dockerfile', 'fsharp', 'go', 'handlebars', 'html', 'ini', 'java', 'javascript', 'json', 'less', 'lua', 'markdown', 'msdax', 'mysql', 'objective', 'perl', 'pgsql', 'php', 'postiats', 'powerquery', 'powershell', 'pug', 'python', 'r', 'razor', 'redis', 'redshift', 'ruby', 'rust', 'sb', 'scheme', 'scss', 'shell', 'solidity', 'sql', 'st', 'swift', 'typescript', 'vb', 'xml', 'yaml']
     }),
   ],
   // Some libraries import Node modules but don't use them in the browser.

config/webpack.config.prod.js

@@ -147,7 +147,7 @@ module.exports = {
                   {
                     libraryName: "antd",
                     libraryDirectory: "es",
-                    style: "css",
+                    style: true,
                   },
                 ],
               ],
@@ -210,6 +210,23 @@ module.exports = {
               },
             ],
           },
+          {
+            test: /\.less$/,
+            use: [{
+              loader: 'style-loader',
+            }, {
+              loader: 'css-loader', // translates CSS into CommonJS
+            }, {
+              loader: 'less-loader', // compiles Less to CSS
+               options: {
+                 modifyVars: {
+                   'primary-color': '#466aff',
+                   'link-color': '#466aff',
+                 },
+                 javascriptEnabled: true,
+               },
+            }]
+          },
           // "file" loader makes sure assets end up in the `build` folder.
           // When you `import` an asset, you get its filename.
           // This loader doesn't use a "test" so it will catch all modules

package.json

@@ -51,6 +51,8 @@
     "js-base64": "^2.5.2",
     "js2wordcloud": "^1.1.12",
     "katex": "^0.11.1",
+    "less": "^3.9.0",
+    "less-loader": "^4.1.0",
     "lodash": "^4.17.21",
     "loglevel": "^1.6.8",
     "marked": "^1.0.0",

public/css/edu-purge.css

@@ -1365,10 +1365,13 @@ table {
   border: 0;
 }
 
-a:link,
+a:link{
+  color: #466aff;
+}
 a:visited {
   text-decoration: none;
-  color: #05101a;
+  /* color: #05101a; */
+  color: #1A47FF;
 }
 
 ol,
@@ -2466,7 +2469,7 @@ a.hoverLine:hover{
 }
 
 a:hover{
-  color: #466AFF !important;
+  color: #6684FE !important;
 }
 
 .color-grey-98 {

src/forge/users/GeneralView/Index.scss

@@ -18,7 +18,7 @@
       }
       .name{
         font-size: 16px;
-        color: #4CACFF;
+        // color: #4CACFF;
       }
       .desc{
         color: #999;

src/forge/users/Index.css

@@ -238,7 +238,7 @@ ul.ant-menu.menuStyle li {
   bottom: -1px;
   height: 2px;
   left: 0px;
-  background-color: #1890ff;
+  background-color: #466aff;
   content: "";
 }
 

src/forge/users/Index.scss

@@ -1,4 +1,5 @@
 $flex:flex;
+$primary-color:#466aff;
 .headerbox{
   padding:20px;
   border-bottom: 1px solid #E0E0E0;
@@ -306,7 +307,8 @@ ul.ant-menu.menuStyle{
       bottom: -1px;
       height: 2px;
       left: 0px;
-      background-color: #1890ff;
+      // background-color: #1890ff;
+      background-color: $primary-color;
       content:"";
     }
   }