@alitajs/plugin-theme

you can change Ant Design (or Ant Design Mobile) specific color theme in browser.

Install

yarn add @alitajs/plugin-theme

config/config.ts

  plugins:['@alitajs/plugin-theme'],
  dynamicTheme:{
    type:'antd-mobile',
    varFile: path.join(__dirname, '../src/default.less'),
    themeVariables: ['@brand-primary','@abcd-efg'],
  }

Property	Type	Default	Descript
antDir	string	-	This is path to antd directory in your node_modules
varFile	string	-	Path to your theme related variables file
themeVariables	array	['@primary-color']	List of variables that you want to dynamically change
generateOnce	boolean	false	Everytime webpack will build new code due to some code changes in development, this plugin will run again unless you specify this flag as `true` which will just compile your styles once
outputFileName	string	color.less	less var file name