dark loading

brumeproject · Nov 2, 2024 · 5754b3a · 5754b3a
1 parent 98ae602
commit 5754b3a
Showing 1 changed file with 23 additions and 2 deletions.
diff --git a/public/start.html b/public/start.html
@@ -1,7 +1,28 @@
 <!DOCTYPE html>
-<html style="height: 100%; width: 100%;">
+<html>
   <head>
     <link rel="canonical" href="/">
+    <style>
+      html {
+        height: 100%;
+        width: 100%;
+      }
+
+      body {
+        height: 100%;
+        width: 100%;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        overflow: hidden;
+      }
+
+      @media (prefers-color-scheme: dark) {
+        body { 
+          background-color: #000;
+        }
+      }
+    </style>
     <script type="module">
       try {
         const latestScriptUrl = new URL(`/service_worker.latest.js`, location.href)
@@ -45,7 +66,7 @@
       }
     </script>
   </head>
-  <body style="height: 100%; width: 100%; display: flex; justify-content: center; align-items: center; overflow: hidden;">
+  <body>
     <img style="width: 100px; height: 100px;"
       src="/favicon.png" 
       alt="favicon" />