element-ui修改自定义主题

official document：https://element.eleme.cn/#/zh-CN/component/custom-theme

change color

1. open：theme editor online button，modify color ，click 【change theme color】button upper left corner，chose one color you favorite
2. click【download theme 】button，the folder structure like this:

3. in project root create a new folder，put the folder you just downloaded in it.

4. open main.js

   import 'element-ui/lib/theme-chalk/index.css'
   import ElementUI from 'element-ui'
   import Vue from 'vue'
   
   Vue.use(ElementUI)

5. modify import part

   import '../theme/index.css'  //theme path just downloaded
   import ElementUI from 'element-ui'
   import Vue from 'vue'
   
   Vue.use(ElementUI)