假设在一个具有许多页面和组件的大型项目中(在Nuxt JS框架上(，我们希望通过切换按钮以最佳和专业的方式实现网站模板的暗/亮模式。 总的来说，每种模式的模板大约有 8 到 10 种颜色，并且每种模式下都会设置一些其他道具(例如阴影和边框(进行更改。您可以通过按下按钮快速轻松地更改模板的颜色。
您认为最优化、最专业、最快和最简单的方法是什么???
该项目正在Nuxt Js框架上开发。
朋友们，请详细解释您的建议和解决方案，以便对其他人有用和实用:)
感谢您的评论和回答:)
也许你可以尝试一下nuxt社区模块：https://github.com/nuxt-community/color-mode-module
演示网站 ： https://color-mode.nuxtjs.app/
@Ifaruki 如何在 Vue JS 组件中使用它？例如，假设我们想通过按标题中的按钮来更改根中变量的值？我们应该如何编写此方法？假设根中有 10 个变量，我们想通过按下按钮来更改所有 10 个变量，我们应该怎么做？
基本上，这是制作暗/亮的正确方法吗，效果好吗？这种方法正确吗？
root.style.setProperty('--background'， "green"(;