Change Ant Design Theme dynamically in React Create-React-App

Recently I had a project where I needed to change Ant Design theme dynamically to support different business brands. In this article, I will show you how to do it generally step by step and save your time.

Based on I search, there are two mature libraries can be used to build this function:

1. antd-theme-generator
2. antd-theme-webpack-plugin

I have tried both libraries and have many problems during the implementation. In this article, I will show you how to use antd-theme-generator to implement this function.

Read more in this article:

Change Ant Design Theme dynamically in React Create-React-App - Anna Coding

More articles in Anna Coding:

Customize the Semantic UI React theme in Next.js Part-1 - Anna Coding

Customize the Semantic UI React theme in Next.js Part-2 - Anna Coding

What do you need to learn as a Front-end developer in 2020? - Anna Coding

How to config Ant Design in Next.js with custom theme? - Anna Coding

How to use React Hooks to create sticky header or React components - Anna Coding

How to add robots.txt file in Next.js? - Anna Coding

Generate sitemap.xml with Next.js build-in server and Typescript - Anna Coding

Flutter Error-Xcode couldn't find any iOS App Development provisioning profiles - Anna Coding

The way to check if it's the first time for useEffect function is being run in React Hooks - Anna…

JavaScript Tooling (Online Book) - Anna Coding

Add commitlint and commitizen to Create-react-app - Anna Coding