style(cdviz-site): basic autodetection of drack mode (2)

cdviz-dev · Nov 22, 2024 · 8d7d7b8 · 8d7d7b8
1 parent 1addb82
commit 8d7d7b8
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 13 deletions.
diff --git a/cdviz-site/landingpage/index.html b/cdviz-site/landingpage/index.html
@@ -51,6 +51,21 @@
       - partners
       - investors
     -->
+      <script>
+        function initColorScheme() {
+          // It's best to inline this in `head` to reduce (doesn't avoid completly) FOUC (flash of unstyled content) when changing pages or themes
+          if (
+            localStorage.getItem("color-scheme") === "dark" ||
+            (!("color-scheme" in localStorage) &&
+              window.matchMedia("(prefers-color-scheme: dark)").matches)
+          ) {
+            document.documentElement.classList.add("dark");
+          } else {
+            document.documentElement.classList.remove("dark");
+          }
+        }
+        initColorScheme();
+      </script>
   </head>
 
   <body class="mx-auto max-w-6xl bg-background font-body text-text">

diff --git a/cdviz-site/landingpage/main.js b/cdviz-site/landingpage/main.js
@@ -6,17 +6,4 @@ function selectHeroImage() {
   heroImage.src = `./assets/illustrations/hero-${randomInt}.webp`;
 }
 
-function initColorMode() {
-  // It's best to inline this in `head` to avoid FOUC (flash of unstyled content) when changing pages or themes
-  if (
-    localStorage.getItem("color-theme") === "dark" ||
-    (!("color-theme" in localStorage) &&
-      window.matchMedia("(prefers-color-scheme: dark)").matches)
-  ) {
-    document.documentElement.classList.add("dark");
-  } else {
-    document.documentElement.classList.remove("dark");
-  }
-}
-initColorMode();
 selectHeroImage();