Я создаю веб-сайт с помощью Blazor и пытаюсь создать страницу настроек, где я могу изменить внешний вид:
Моя страница настроек
[My root файл]
: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]);
}
}
Что происходит в элементе проверки
В настоящее время он работает, но только на странице настроек. Пожалуйста, помогите мне сделать это изменение постоянным для всего моего проекта.