From 5754b3a663d87ad3dd66138f2cb03fa208ada2ea Mon Sep 17 00:00:00 2001
From: hazae41 <4405263+hazae41@users.noreply.github.com>
Date: Sat, 2 Nov 2024 23:49:32 +0700
Subject: [PATCH] dark loading

---
 public/start.html | 25 +++++++++++++++++++++++--
 1 file changed, 23 insertions(+), 2 deletions(-)
diff --git a/public/start.html b/public/start.html
index 9adca0b5..76e3eb65 100644
--- 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" />
