eleemnt-ui修改主题颜色

饿了吗的element-ui使用的是淡蓝色的主题，有时候我们可以自定义主题，官方的文档给我们提供了如何修改主题，介绍的很详细，自己试验过后，觉得很不错，一方面怕忘记，一方面写一写。

方法一是在线生成一套主题：

https://github.com/taylorchen709/vue-admin，git库里给我们详细描述了一套方法，使用在线定制生成一套主题，

自定义生成主题

1. 打开网址，自定义喜欢的主题，然后下载主题包 https://elementui.github.io/theme-preview/#/
2. 主题包解压到该文件夹 src/assets/theme/
3. 编写 src/main.js

   import 'element-ui/lib/theme-default/index.css'
   to
   import './assets/theme/your-theme/index.css'
　　使用你生成的包覆盖默认的包

4. 编辑src/styles/vars.scss(在里面编写你喜欢的颜色即可)

转载于:https://www.cnblogs.com/xuyan1/p/8398944.html