Add a dark mode

2025-10-25 11:16:56 +07:00 · 2025-10-25 11:16:56 +07:00 · 0325139461
commit 0325139461
parent 07c7e63ee7
12 changed files with 199 additions and 35 deletions
--- a/web/src/app.html
+++ b/web/src/app.html
@ -25,6 +25,16 @@
        %sveltekit.head%
    </head>
    <body data-sveltekit-preload-data="hover">
+        <script>
+            // Apply theme before render to prevent flash
+            (function () {
+                const stored = localStorage.getItem("theme");
+                const theme =
+                    stored ||
+                    (window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light");
+                document.documentElement.setAttribute("data-bs-theme", theme);
+            })();
+        </script>
        <div style="display: contents">%sveltekit.body%</div>
    </body>
 </html>