Add dark mode toggle functionality to mode.js

sharadcodes · Nov 14, 2023 · a815979 · a815979
1 parent 2f1e79c
commit a815979
Showing 1 changed file with 19 additions and 0 deletions.
diff --git a/assets/js/mode.js b/assets/js/mode.js
@@ -0,0 +1,19 @@
+const toggleSwitch = document.querySelector("#dark-mode-toggle");
+// const currentTheme = localStorage.getItem("theme");
+
+if (currentTheme) {
+  document.documentElement.setAttribute("data-theme", currentTheme);
+}
+
+function switchTheme() {
+  const currentTheme = document.documentElement.getAttribute("data-theme");
+  if (currentTheme === "dark") {
+    document.documentElement.setAttribute("data-theme", "light");
+    localStorage.setItem("theme", "light");
+  } else {
+    document.documentElement.setAttribute("data-theme", "dark");
+    localStorage.setItem("theme", "dark");
+  }
+}
+
+toggleSwitch.addEventListener("click", switchTheme, false);