优化设置页 (#421)
continuous-integration/drone/push Build is passing

This commit is contained in:
neveler
2026-04-16 17:31:10 +08:00
committed by GitHub
parent f2dbe9e57a
commit 493d605495
6 changed files with 128 additions and 147 deletions
+14 -6
View File
@@ -4,11 +4,14 @@ layout: null
window.addEventListener("DOMContentLoaded", function () {
var skinLink = document.getElementById("skin");
var darkModeQuery = window.matchMedia("(prefers-color-scheme: dark)");
function applySkin(skin) {
skinLink.href = "{{ '/assets/css/skins/' | relative_url }}" + skin + ".css";
}
function applyDarkSkin() {
skinLink.href = "{{ '/assets/css/skins/' | relative_url }}" + settings.get("appearance_skin_dark", "dark") + ".css";
applySkin(settings.get("appearance_skin.dark"));
}
function applyLightSkin() {
skinLink.href = "{{ '/assets/css/skins/' | relative_url }}" + settings.get("appearance_skin_light", "default") + ".css";
applySkin(settings.get("appearance_skin.light"));
}
function autoSchemeHandler() {
if (darkModeQuery.matches) {
@@ -61,10 +64,15 @@ window.addEventListener("DOMContentLoaded", function () {
}
}
settings.onChange("appearance_color", applyTheme);
settings.onChange("appearance_skin_dark", function () {
settings.refresh("appearance_color");
settings.onChange("appearance_skin.dark", function () {
applyTheme(settings.get("appearance_color"));
});
settings.onChange("appearance_skin_light", function () {
settings.refresh("appearance_color");
settings.onChange("appearance_skin.light", function () {
applyTheme(settings.get("appearance_color"));
});
settings.onChange("appearance_color_switcher", function (value) {
if (modeSwitcher !== null) {
modeSwitcher.style.display = value === "enable" ? "" : "none";
}
});
});