diff options
Diffstat (limited to 'static')
| -rw-r--r-- | static/js/color-scheme-switcher.js | 27 |
1 files changed, 27 insertions, 0 deletions
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); + } +}) |
