elementplus如何修改主题色?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了elementplus如何修改主题色?相关的知识,希望对你有一定的参考价值。

参考技术A 主题色修改得情况

注意。1, forward 要写前面

2,是否要导入插件呢?

# sass

npm install -D sass

# element-plus官方文档中自动引入所需的两个依赖

npm install -D unplugin-vue-components unplugin-auto-import

element-ui如何改变主题色

  

1,cnpm i element-theme -g 安装主题工具,从淘宝镜像下载快很多哦

2,npm i element-theme-default -D  拉取代码
3,初始化变量文件(用来修改主题颜色的,并不是主题文件,仅仅用户修改)命令是 et -i 就会在当前目录生成element-variables.css文件,如果遇到下面问题就在执行一步,按照他的指示一步一步操作即可1

4,修改变量文件如:
--color-primary: red;


5,编译主题,命令为 et,就会在当前目录生成theme文件夹,里面包含的index.css就是我们的css样式文件

以上是关于elementplus如何修改主题色?的主要内容,如果未能解决你的问题,请参考以下文章

vite +elementPlus vue3自定义主题色

element-plus 更换主题色 SassError: @forward rules must be written before any other rules

react+antd 使用脚手架动态修改主题色

vue3+elementPlus 深色主题切换

element-ui如何改变主题色

vue3:主题色解决方案