vue3 结合element-plus 切换主题功能，结合上篇使用_vue3 element plus admin ppt

mian.js 里面

import './styles/element/index.scss'

// styles/element/index.scss 代码

// 修改element主题样式
@forward 'element-plus/theme-chalk/src/common/var.scss' with (
  $colors: (
    'primary': (
      'base': #e54c0f,
    ),
  ),
   $button-padding-horizontal: ("default": 50px)
);
// 自定义暗黑主题变量
@use "./dark.scss";
// 导入element样式
@use "element-plus/theme-chalk/src/index.scss" as *;
//导入黑色主题
@use "element-plus/theme-chalk/src/dark/css-vars.scss" as *;

dark.scss里面代码

// 自定义黑色主题
$--colors: (
        "primary": (
                "base": #589ef8,
        ),
);
@forward "element-plus/theme-chalk/src/dark/var.scss" with (
  $colors: $--colors
);

参考：element-plus-vite-starter-main 项目