elementUI切换主题颜色

在vue项目中新建一个element-variables.scss

这个css里面内容：

/* 改变主题色变量 */
$--color-primary: #201a15;

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

@import "~element-ui/packages/theme-chalk/src/index";

在main.js中引入 import './common/element-variables.scss'就可以了

 

注意：这里项目要可以使用scss