为什么蚂蚁设计子菜单标题具有蓝色？

Question

为什么蚂蚁设计子菜单标题为蓝色，我该如何更改？

Reactive Forms - Step 2: Associating the FormGroup model and view

Answer 1

请检查此内容。您可以在此处看到默认的样式变量。

https://github.com/ant-design/ant-design/blob/master/components/style/themes/default.less

此子菜单颜色基于此默认值。 因此，您可以通过将此代码添加到webpack配置文件中来自定义antd主题

// webpack.config.js
module.exports = {
  rules: [{
    test: /\.less$/,
    use: [{
      loader: 'style-loader',
    }, {
      loader: 'css-loader', // translates CSS into CommonJS
    }, {
      loader: 'less-loader', // compiles Less to CSS
+     options: {
+       modifyVars: {
+         'primary-color': '#1DA57A',
+         'link-color': '#1DA57A',
+         'border-radius-base': '2px',
+         // or
+         'hack': `true; @import "your-less-file-path.less";`, // Override with less file
+       },
+       javascriptEnabled: true,
+     },
    }],
    // ...other rules
  }],
  // ...other config
}