修改element主题色

vue2

在assets创建一个element-variables.scss文件

$--color-primary: #6788FF;
$--color-success: #67C23A;
$--color-warning: #FEA523;
$--color-danger: #DB0000;
$--color-info: #909399;

$--font-path: '~element-ui/lib/theme-chalk/fonts';

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

在main.js引入    注释掉原来的

import ElementUI from 'element-ui';
import './assets/style/element-variables.scss'
// import 'element-ui/lib/theme-chalk/index.css';

vue3

一样创建一个scss文件

@forward 'element-plus/theme-chalk/src/common/var.scss' with (
  $colors: (
    'primary': (
      'base': green,
    ),
  ),
);

@use "element-plus/theme-chalk/src/index.scss" as *;

一样是去main.ts里面引入

import './assets/style/element-variables.scss'
import ElementPLUS from 'element-plus';
// import 'element-ui/lib/theme-chalk/index.css';