假设在一个大型项目中(在Nuxt JS框架上)，有很多页面和组件，我们想通过切换一个按钮来实现网站模板的暗光模式，以一种最佳和专业的方式.总共，模板的每个模式大约有8到10种颜色，还有一些其他的道具，如阴影和边框，在每个模式下都会被设置为变化。你可以通过按下一个按钮来快速、轻轻地改变模板的颜色。
你认为最优化、最专业、最快速、最简单的方法是什么？"?
ㄒ唬┮? Nuxt Js 框架。
朋友们，请详细解释一下你的建议和解决方案，以便对其他人有用和实用:)
谢谢你的意见和回答:)
也许你可以尝试一下nuxt社区模块。https:/github.comnuxt-communitycolor-module。
@Ifaruki 如何在Vue JS组件中使用？例如，假设我们想通过按下头部的按钮来改变根部的变量值？我们应该如何写这个方法？假设根部有10个变量，我们想通过按下一个按钮来改变这10个变量的值，我们应该怎么做呢？
基本上，这样做暗光的方法是否正确，是否好用？这个方法正确吗？
root.style.setProperty('-background', "green")。