Vue3 - [最强] 超详细 Element Plus 组件库主题颜色进行 “统一全局“ 替换，将默认的蓝色主题色更换为其他自定义颜色，覆盖原来的主题色改为自己的颜色（完美解决主题色不生效、没反应）_vue3替换elementui plus中的颜色

作者：花生_TL007 | 2024-02-23 03:51:17

踩

vue3替换elementui plus中的颜色

网上的文章乱七八糟（各种奇葩装包、覆盖文件、更愚蠢的是 :root 直接修改），本文提供快速简洁且官方的解决方案。
【如果您是vue2+elementUI，请访问：这篇文章】

本文实现了在 vue3+element plus 项目开发中，统一全局覆盖更换默认主题蓝色，引入一次全项目自动生效，无论是按钮背景的 hover 颜色、各种细节成功 / 警告 / 错误提示主题色都会更改，

如下图所示，无需繁琐的步骤几分钟就可以搞定，保证又简单效果又好！

提供完整的示例代码，支持 TS/JS，无论你是 Vite/Webpack 都可以使用。

在这里插入图片描述

如果您

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/花生_TL007/article/detail/133461