更改element主题颜色_element颜色

对于后台，最经常用的就是element了，但是如果一个后台的基本主题定下来，不是element的主题色，该如何更改呢

1. 创建一个公共的更改CSS的文件，以 element-variables.scss 为例
   

2. element-variables.scss文件里面

$--color-primary: #4b5ff5; /* 改变主题色变量 */

$--font-path: '~element-ui/lib/theme-chalk/fonts';/* 改变 icon 字体路径变量，必需 */

@import "~element-ui/packages/theme-chalk/src/index";
1
2
3
4
5

3. 在main.js里面引入

   import './style/element-variables.scss'
   1

效果