summaryrefslogtreecommitdiffstats
path: root/static
diff options
context:
space:
mode:
Diffstat (limited to 'static')
-rw-r--r--static/js/color-scheme-switcher.js27
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);
+ }
+})