Element Plus 主题色修改不生效是怎么回事？

克培酱~ 提问于 2026-03-22 18:25:18 阅读 4

组件

我按照官网文档用 SCSS 变量覆盖的方式改主题色，但页面还是蓝色的，完全没变。

我在 main.js 里引入了自定义的 scss 文件，也装了 sass 和 sass-loader，不知道哪里漏了？

/* assets/styles/element-variables.scss */
$--color-primary: #ff6b00;
@import 'element-plus/theme-chalk/src/index';

然后在 main.js 里这么引入的：

import './assets/styles/element-variables.scss'

我来解答赞 0 收藏

反馈

1 条解答

Prog.玉曼 Lv1

检查下 webpack 配置，确保 sass-loader 能正确处理 scss 文件，有时候需要重启下服务。搞定

2026-03-22 18:28