From 3e0d073527b9e78a5277df80a438657318d97f0b Mon Sep 17 00:00:00 2001
From: Huakun Shen <huakun.shen@huakunshen.com>
Date: Wed, 26 Jun 2024 23:04:20 -0400
Subject: [PATCH] Improve on load screen

---
 devclean-ui/index.html | 17 +++++++++++------
 1 file changed, 11 insertions(+), 6 deletions(-)
diff --git a/devclean-ui/index.html b/devclean-ui/index.html
index e5d44cf..c3afe1d 100644
--- a/devclean-ui/index.html
+++ b/devclean-ui/index.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<html lang="en">
+<html lang="en" class="dark">
 
 <head>
   <meta charset="UTF-8" />
@@ -7,11 +7,11 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
   <title>Tauri + React + TS</title>
   <style>
-    body {
+    html {
       background-color: white;
     }
 
-    body.dark {
+    html.dark {
       background-color: hsl(222.2, 84%, 4.9%);
     }
   </style>
@@ -22,15 +22,20 @@
   <script>
     const themeColor = localStorage.getItem("devclean-ui-theme")
     if (themeColor) {
-      document.body.classList.add(themeColor)
+      if (themeColor === "dark") {
+        document.documentElement.classList.add('dark')
+      } else {
+        document.documentElement.classList.remove('dark')
+      }
     } else {
       if (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches) {
-        document.body.classList.add('dark')
+        document.documentElement.classList.add('dark')
       } else {
-        document.body.classList.add('light')
+        document.documentElement.classList.remove('dark')
       }
     }
   </script>
   <script type="module" src="/src/main.tsx"></script>
 </body>
+
 </html>
\ No newline at end of file
