diff --git a/index.html b/index.html
index ccaabf1..84146c9 100644
--- a/index.html
+++ b/index.html
@@ -4,6 +4,13 @@
     <meta charset="UTF-8" />
     <link rel="icon" type="image/svg+xml" href="/icon.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <script>
+      const theme = localStorage.getItem("color-scheme") || "auto"
+      const isDark = window.matchMedia("(prefers-color-scheme: dark)").matches
+      if (theme === "auto" ? isDark : theme === "dark") {
+        document.documentElement.classList.add("dark")
+      }
+    </script>
     <title>NewsNow</title>
   </head>
   <body>
diff --git a/src/routes/__root.tsx b/src/routes/__root.tsx
index a625b8f..8c0fa30 100644
--- a/src/routes/__root.tsx
+++ b/src/routes/__root.tsx
@@ -17,12 +17,6 @@ export const Route = createRootRouteWithContext<{
   component: RootComponent,
   notFoundComponent: NotFoundComponent,
   beforeLoad: () => {
-    const theme = localStorage.getItem("color-scheme") || "auto"
-    const isDark = window.matchMedia("(prefers-color-scheme: dark)").matches
-    if (theme === "auto" ? isDark : theme === "dark") {
-      document.documentElement.classList.add("dark")
-    }
-
     const query = new URLSearchParams(window.location.search)
     if (query.has("login")) {
       [...query.entries()].forEach(key => localStorage.setItem(key[0], key[1]))
