前言
vue2 版本,请访问 这篇文章。
在 vue3 | nuxt3 项目开发中,详解实现 “elementPlus全局替换主题色” ,快速强大一键将默认的主题色修改为自定义的颜色值(修改整个项目的全部主题色),vue3+element-plus修改主题色将原来的蓝色改为其他的颜色并且全局有效,支持项目内动态切换主题颜色及实时动态修改主色调,解决主题色修改失败、覆盖无效失效、组件细节未修改、边框颜色不生效、hover颜色没变化等问题。
其他教程都是覆盖文件或直接:root修改(导致各种BUG),本文的方案强大完美保证100%生效。
如下图所示,全局一键覆盖快捷可靠,让新主题色整个项目应用,并且支持动态修改主题色!
准备阶段
按以下教程依次进行。