Add darkmode ssp logo

WOOSEUNGHOON · Oct 10, 2024 · be589e5 · be589e5
1 parent ff8d036
commit be589e5
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 0 deletions.
diff --git a/_scripts/dark-mode.js b/_scripts/dark-mode.js
@@ -10,10 +10,24 @@
   // immediately load saved mode before page renders
   document.documentElement.dataset.dark = loadDark();
 
+  const updateImages = () => {
+    const isDarkMode = document.documentElement.dataset.dark === "true";
+
+    const sspLogo = document.getElementById("ssp-logo");
+
+    if (sspLogo) {
+      sspLogo.src = isDarkMode
+        ? "images/newSSPlogo_withstar_dark.png"
+        : "images/newSSPlogo_withstar.png";
+    }
+  };
+
   const onLoad = () => {
     // update toggle button to match loaded mode
     document.querySelector(".dark-toggle").checked =
       document.documentElement.dataset.dark === "true";
+
+    updateImages();
   };
 
   // after page loads
@@ -24,5 +38,6 @@
     const value = event.target.checked;
     document.documentElement.dataset.dark = value;
     saveDark(value);
+    updateImages();
   };
 }
diff --git a/images/newSSPlogo_withstar_dark.png b/images/newSSPlogo_withstar_dark.png