Enable dark mode

2026-05-27 22:13:48 +01:00 · 2026-05-27 22:13:48 +01:00 · dcd3857c80
commit dcd3857c80
parent b3e6533748
26 changed files with 410 additions and 220 deletions
--- a/src/app.html
+++ b/src/app.html
@ -4,6 +4,19 @@
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta name="text-scale" content="scale" />
+    <script>
+      // Apply theme before first paint to avoid a light-on-dark flash.
+      (function () {
+        try {
+          var t = localStorage.getItem("squalk:theme");
+          var dark =
+            t === "dark" ||
+            (t !== "light" &&
+              window.matchMedia("(prefers-color-scheme: dark)").matches);
+          if (dark) document.documentElement.classList.add("dark");
+        } catch (e) {}
+      })();
+    </script>
    %sveltekit.head%
  </head>
  <body data-sveltekit-preload-data="hover">