ElementUI修改主题色记录_element primary 主题颜色

第一步命令安装

 npm i element-theme -g
 npm install  element-theme-chalk --save-dev
1
2

第二步

根目录下创建element-variables.scss

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

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

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

第三步

引入自定义主题
import '../element-variables.scss'
// 默认主题 import 'element-ui/lib/theme-chalk/index.css';
1
2
3