Add dark mode toggle

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);
+    }
+})