Format

Author: ggteixeira

public/js/theme.js

@@ -1,8 +1,8 @@
 function changeTheme() {
-  const element = document.documentElement
-  const theme = element.classList.contains("dark") ? "light" : "dark"
+  const element = document.documentElement;
+  const theme = element.classList.contains("dark") ? "light" : "dark";
 
-  const css = document.createElement("style")
+  const css = document.createElement("style");
 
   css.appendChild(
     document.createTextNode(
@@ -14,56 +14,58 @@ function changeTheme() {
            transition: none !important;
         }`,
     ),
-  )
+  );
 
-  document.head.appendChild(css)
+  document.head.appendChild(css);
 
   if (theme === "dark") {
-    element.classList.add("dark")
+    element.classList.add("dark");
   } else {
-    element.classList.remove("dark")
+    element.classList.remove("dark");
   }
 
-  window.getComputedStyle(css).opacity
+  window.getComputedStyle(css).opacity;
 
-  document.head.removeChild(css)
-  localStorage.theme = theme
+  document.head.removeChild(css);
+  localStorage.theme = theme;
 }
 
 function preloadTheme() {
   const theme = (() => {
-    const userTheme = localStorage.theme
+    const userTheme = localStorage.theme;
 
     if (userTheme === "light" || userTheme === "dark") {
-      return userTheme
+      return userTheme;
     } else {
-    return window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light"
+      return window.matchMedia("(prefers-color-scheme: dark)").matches
+        ? "dark"
+        : "light";
     }
-  })()
+  })();
 
-  const element = document.documentElement
+  const element = document.documentElement;
 
   if (theme === "dark") {
-    element.classList.add("dark")
+    element.classList.add("dark");
   } else {
-    element.classList.remove("dark")
+    element.classList.remove("dark");
   }
 
-  localStorage.theme = theme
+  localStorage.theme = theme;
 }
 
 window.onload = () => {
   function initializeThemeButtons() {
-    const headerThemeButton = document.getElementById("header-theme-button")
-    const drawerThemeButton = document.getElementById("drawer-theme-button")
-    headerThemeButton?.addEventListener("click", changeTheme)
-    drawerThemeButton?.addEventListener("click", changeTheme)
+    const headerThemeButton = document.getElementById("header-theme-button");
+    const drawerThemeButton = document.getElementById("drawer-theme-button");
+    headerThemeButton?.addEventListener("click", changeTheme);
+    drawerThemeButton?.addEventListener("click", changeTheme);
   }
 
-  document.addEventListener("astro:after-swap", initializeThemeButtons)
-  initializeThemeButtons()
-}
+  document.addEventListener("astro:after-swap", initializeThemeButtons);
+  initializeThemeButtons();
+};
 
-document.addEventListener("astro:after-swap", preloadTheme)
+document.addEventListener("astro:after-swap", preloadTheme);
 
-preloadTheme()
+preloadTheme();