Themed CSS - Ant Design



Follow this:

https://medium.com/@GeoffMiller/how-to-customize-ant-design-with-react-webpack-the-missing-guide-c6430f2db10f

npm install babel-plugin-import --save-dev
npm install less-vars-to-js --save-dev
npm install less less-loader css-loader style-loader --save-dev


Update the webpack loaders to include a less to css to js loader.

create a client/css/theme.less file to hold the overrides for the antd theme.

Change app.js to load the antd/dist/theme.less file instead of the .css file.

Now when app.js is loaded it pulls in the antd less file, and builds it with the overrides from the theme.less file. 


We use this to change the color of the buttons for example.