Update changeTheme.js

DogukanUrker · Dec 15, 2023 · 9849612 · 9849612
1 parent 6996c04
commit 9849612
Showing 1 changed file with 28 additions and 1 deletion.
diff --git a/static/js/changeTheme.js b/static/js/changeTheme.js
@@ -1 +1,28 @@
-// 🚀
+var root = document.querySelector(":root");
+var changeTheme = document.querySelector(".changeTheme");
+
+var theme;
+
+if (localStorage.getItem(theme) === "dark") {
+  toDark();
+} else if (localStorage.getItem(theme) === "light") {
+  toLight();
+}
+
+function toLight() {
+  localStorage.setItem(theme, "light");
+  root.style.setProperty("--themePrimary", "#000");
+  root.style.setProperty("--themeSecondary", "#fff");
+  root.style.setProperty("--themeHelper", "#303030");
+  changeTheme.innerHTML = "🌞";
+  changeTheme.setAttribute("onclick", "javascript: toDark();");
+}
+
+function toDark() {
+  localStorage.setItem(theme, "dark");
+  root.style.setProperty("--themePrimary", "#fff");
+  root.style.setProperty("--themeSecondary", "#000");
+  root.style.setProperty("--themeHelper", "#C6C6C6");
+  changeTheme.innerHTML = "🌚";
+  changeTheme.setAttribute("onclick", "javascript: toLight();");
+}