element-plus-custom-theme

A simple element-plus theme customization tool.

This tool can be used before the official update of the theme customization tool.

Support config.json files generated by Online Theme Roller and Theme Roller Chrome Extension tools.

install

element-plus must be installed, the tool will use the theme-chalk code to generate new theme variables:

npm i -S element-plus

npm i -g element-plus-custom-theme

It can also be installed in the project, but you need to execute the command line through scripts:

npm i -D element-plus-custom-theme

epct src/theme/config.json -o src/theme/custom-theme/

element-plus has added many scss variables, you can use multiple config.json files to customize the theme:

epct src/theme/config.json src/theme/config-plus.json -o src/theme/custom-theme

If installed in the project, you can use the scripts in the package.json:

{
  "scripts": {
    "build:theme": "epct src/theme/config.json -o src/theme/custom-theme/"
  }
}

npm run build:theme