vue3 修改element-plus主题颜色(官方版)

vue3 修改element-plus主题颜色(css版)-CSDN博客

这种方式只能自定义一种引入，不能点击切换，上面的css版可以点击切换多个

1 新建一个 \src\style\element.scss

/* 只需要重写你需要的即可 */
@forward 'element-plus/theme-chalk/src/common/var.scss' with (
  $colors: (
    'primary': (
      'base': green,
    ),
    'success': (
      'base': #c2893a,
    ),
    'warning': (
      'base': #cf3ce6,
    ),
    'danger': (
      'base': #a1f56c,
    ),
    'error': (
      'base': #efec15,
    ),
    'info': (
      'base': #3f4041,
    ),
  ),
);