portfolio overhaul

public/scripts/theme.js

@@ -0,0 +1,31 @@
+(function() {
+  const body = document.body;
+  const themeToggle = document.getElementById("theme-toggle");
+
+  const applyStoredTheme = () => {
+    const storedTheme = localStorage.getItem("pref-theme") || sessionStorage.getItem("theme") || "dark";
+    if (storedTheme === "light") {
+      body.classList.add("light");
+      sessionStorage.setItem("theme", "light");
+      localStorage.setItem("pref-theme", "light");
+      return;
+    }
+
+    body.classList.remove("light");
+    sessionStorage.setItem("theme", "dark");
+    localStorage.setItem("pref-theme", "dark");
+  };
+
+  applyStoredTheme();
+
+  if (themeToggle) {
+    themeToggle.addEventListener("click", () => {
+      const isLight = body.classList.toggle("light");
+      const nextTheme = isLight ? "light" : "dark";
+      sessionStorage.setItem("theme", nextTheme);
+      localStorage.setItem("pref-theme", nextTheme);
+    });
+  }
+
+  body.classList.remove("js-stop-transition");
+})();