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

克培酱~ 阅读 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.玉曼
检查下 webpack 配置,确保 sass-loader 能正确处理 scss 文件,有时候需要重启下服务。搞定
点赞
2026-03-22 18:28