Javascript 在整个网站上永久更改CSS根目录

我正在使用Blazor创建一个网站，并尝试创建一个可以更改外观的设置页面：

[我的根文件]

:root {
    --BodyColorDarkMode: #ddd;
    --HeaderColorDarkMode: #999;
    --TextColorDarkMode: #000;
}

[我的JavaScript代码]

function SetBodyColor(color) {
    var items = ["--BodyColorDarkMode", "--HeaderColorDarkMode", "--TextColorDarkMode"];
    for (i = 0; i < color.length; i++) {
        if (color[i] != "")
            document.documentElement.style.setProperty(items[i], color[i]);
    }
}

函数SetBodyColor（颜色）{
变量项=[“--BodyColorDarkMode”、“--HeaderColorDarkMode”、“--TextColorDarkMode”]；
对于（i=0；i

---

目前它正在工作，但仅在“设置”页面上。请帮助我将此更改永久保存到整个项目。

您必须在服务器端执行一些操作，才能更改发送到浏览器的内容。换句话说，将值保存到数据库、文件或其他某种持久性机制中。或者，如果更改适用于每个浏览器，请将其保存到localStorage或其他基于客户端的持久性机制。关于在Stack Overflow上执行这两个选项中的任何一个，已经有很多问题，还有很多关于web的教程。感谢您的快速响应，我将尝试创建一个用于存储此数据的数据库。您必须在服务器端执行一些操作，以更改发送到浏览器的内容。换句话说，将值保存到数据库、文件或其他某种持久性机制中。或者，如果更改适用于每个浏览器，请将其保存到localStorage或其他基于客户端的持久性机制。关于在堆栈溢出上执行这两个选项中的任何一个，已经有很多问题了，还有很多关于web的教程。感谢您的快速响应，我将尝试创建一个数据库来存储这些数据。