Element UI 改变主题色

小茹_1107

已于 2023-06-07 14:09:18 修改

阅读量835

点赞数

文章标签： ui vue.js javascript

于 2023-06-06 15:47:52 首次发布

本文链接：https://blog.csdn.net/gaitiangai/article/details/131069409

版权

本地修改，编译失效

参考自：Element UI 改变主题色_element ui修改主题色_猫子＊的博客-CSDN博客

1、

Element - The world's most popular Vue UI framework

2、然后下载相应的主题包：style.zip

解压得到：fonts文件夹和index.css
将这两个文件复制到
node_modules\element-ui\lib\theme-chalk 下替换原有的文件
之后重启服务器就可以更换主题色了。

原文链接：https://blog.csdn.net/weixin_44258786/article/details/123547305

全局生效

安装: npm i update-element-ui-theme

使用：在main.js 中：

import updateElementUiTheme from "update-element-ui-theme";

updateElementUiTheme({
  theme: "#222", // 要修改的主题色
  themeName: "--my-theme", // 要同步更新的 css 变量名称，这个可以不传
});