From 803e32db12fd426597cffd1f8c7fb877401158f1 Mon Sep 17 00:00:00 2001 From: verdant Date: Sun, 24 May 2026 21:05:00 +0800 Subject: Add dark mode toggle --- static/js/color-scheme-switcher.js | 27 +++++++++++++++++++++++++++ 1 file changed, 27 insertions(+) create mode 100644 static/js/color-scheme-switcher.js diff --git a/static/js/color-scheme-switcher.js b/static/js/color-scheme-switcher.js new file mode 100644 index 0000000..9166e29 --- /dev/null +++ b/static/js/color-scheme-switcher.js @@ -0,0 +1,27 @@ +console.log("Loaded") +const modes = { + Dark = "dark", + Light = "light", +} + +function getCurrentMode() { + return localStorage.getItem("theme"); +} + +const toggleColorSchemeBtn = document.getElementById("toggle-theme-btn"); +const body = document.body; +const currentMode = getCurrentMode() +if (currentMode === modes.Light) { + body.classList.toggle("dark-mode"); + +} + +toggleColorSchemeBtn.addEventListener("click", () => { + body.classList.toggle("dark-mode"); + + if (body.classList.contains("dark-mode")) { + localStorage.setItem("theme", modes.Dark); + } else { + localStorage.setItem("theme", modes.Light); + } +}) -- cgit v1.2.3