Changing the antd styles

[zakum1]

This is an awesome starter template, thanks. In my app, I would like to change the basic antd styles (just overriding the less variables for now)

Based on this post: https://stackoverflow.com/questions/51831582/change-the-theme-of-antd-when-using-gatsbyjs, I have added these plugins:

gatsby-plugin-less
gatsby-plugin-antd

And I have added this config to gatsby-config.js:

  plugins: [
    {
      resolve: 'gatsby-plugin-antd',
      options: {
        style: true
      }
    },
    {
      resolve: "gatsby-plugin-less",
      options: {
        javascriptEnabled: true,
        modifyVars: {
          "primary-color": "#f7525d",
          "heading-color": "#777777"
        }
      }
    },

But the primary-color, is not changing. What is the right way to do this?