darkmode scripts

quartz/components/scripts/darkmode.inline.ts

@@ -1,3 +1,25 @@
-export default "Darkmode" 
+export default "Darkmode"
 
-console.log("HELLOOOO FROM CONSOLE")
+const currentTheme = localStorage.getItem("theme")
+const theme =
+  currentTheme ??
+  (window.matchMedia("(prefers-color-scheme: light)").matches ? "light" : "dark")
+
+document.documentElement.setAttribute("saved-theme", theme)
+
+window.addEventListener("DOMContentLoaded", () => {
+  const toggleSwitch = document.querySelector("#darkmode-toggle") as HTMLInputElement
+  toggleSwitch.addEventListener("change", (e: any) => {
+    if (e.target.checked) {
+      document.documentElement.setAttribute("saved-theme", "dark")
+      localStorage.setItem("theme", "dark")
+    } else {
+      document.documentElement.setAttribute("saved-theme", "light")
+      localStorage.setItem("theme", "light")
+    }
+  })
+
+  if (theme === "dark") {
+    toggleSwitch.checked = true
+  }
+})