title: Change Ant Design variables using ReactJs
body: <p>I am usiing antd library in my application. According to the [documentation][1]
  [1]: https://ant.design/docs/react/customize-theme</p>
  <p>i can customize the theme by changing the variables like:</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>modifyVars: {
    "primary-color": "#EB564F",
     "link-color": "#0DD078",
     "success-color": "#0DD078",
     "border-radius-base": "40px",
  }</code></pre>
  </div>
  </div>
  </p>
  <p>I did something like this in my  react application adding the file <code>webpack.config.js</code> and the next code inside:</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>// webpack.config.js
  const antdRegex = /antd.+\.less$/;
  
  module.exports = {
  rules: [
      {
          test: antdRegex,
          loader: [
              "style-loader",
              "css-loader",
              {
                  loader: "less-loader",
                  options: {
                      lessOptions: {
                          modifyVars: {
                              "primary-color": "#EB564F",
                              "link-color": "#0DD078",
                              "success-color": "#0DD078",
                              "border-radius-base": "40px",
                          },
                          javascriptEnabled: true,
                      },
                  },
              },
          ],
      }]
  }</code></pre>
  </div>
  </div>
  </p>
  <p>But the colors don't change. Why and how to solve it?</p>