diff --git a/index.html b/index.html
index 01439a5d14..e742196bc0 100644
--- a/index.html
+++ b/index.html
@@ -439,21 +439,6 @@
         }
       </style>
     </noscript>
-
-    <script>
-      const theme = localStorage.getItem('theme') || 'light';
-      const color = localStorage.getItem('color') || 'blue';
-      const newTheme = `${color}-${theme}`;
-
-      document.documentElement.setAttribute('data-theme', newTheme);
-
-      const themeColor = getComputedStyle(
-        document.documentElement
-      ).getPropertyValue('--accent-100');
-      document
-        .querySelector("meta[name='theme-color']")
-        .setAttribute('content', themeColor);
-    </script>
   </head>
   <body>
     <noscript>
diff --git a/src/main.tsx b/src/main.tsx
index 8e2635f50b..bb10c17798 100644
--- a/src/main.tsx
+++ b/src/main.tsx
@@ -2,6 +2,19 @@ import React from 'react';
 import { createRoot } from 'react-dom/client';
 import AppRoot from './RootWrap';
 
+const theme = localStorage.getItem('theme') || 'light';
+const color = localStorage.getItem('color') || 'blue';
+const newTheme = `${color}-${theme}`;
+
+document.documentElement.setAttribute('data-theme', newTheme);
+
+const themeColor = getComputedStyle(document.documentElement).getPropertyValue(
+  '--accent-100'
+);
+document
+  .querySelector("meta[name='theme-color']")
+  .setAttribute('content', themeColor);
+
 console.info(`Organized: version ${import.meta.env.PACKAGE_VERSION}`);
 
 createRoot(document.getElementById('root')).render(
