web: switch main body color depending on theme

2024-07-14 20:42:32 +06:00
parent 36c11556d7
commit 1712dc8948
2 changed files with 15 additions and 1 deletions
--- a/web/src/app.html
+++ b/web/src/app.html
@@ -17,7 +17,17 @@

        %sveltekit.head%
    </head>
-    <body data-sveltekit-preload-data="hover" data-sveltekit-preload-code="eager" style="background-color: black">
+    <style>
+        body {
+            background-color: black;
+        }
+        @media (prefers-color-scheme: light) {
+            body {
+                background-color: white;
+            }
+        }
+    </style>
+    <body data-sveltekit-preload-data="hover" data-sveltekit-preload-code="eager">
        <div style="display: contents">
            %sveltekit.body%
        </div>