ai generated solutions to our ai generated problems

frontend/index.html

@@ -6,6 +6,15 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta name="theme-color" content="#e82517" />
+    <style>
+      html { background: #fefde7; }
+      html[data-theme="dark"] { background: #130d08; color-scheme: dark; }
+      html[data-theme="dark"] body,
+      html[data-theme="dark"] #root { background: #130d08; }
+      html[data-theme="light"] { background: #fefde7; color-scheme: light; }
+      html[data-theme="light"] body,
+      html[data-theme="light"] #root { background: #fefde7; }
+    </style>
     <script>
       (() => {
         const cookies = Object.fromEntries(
@@ -28,6 +37,15 @@
           } catch {}
         }
         theme = theme === 'dark' ? 'dark' : 'light'
+        const bg = theme === 'dark' ? '#130d08' : '#fefde7'
+
+        document.documentElement.dataset.theme = theme
+        document.documentElement.style.backgroundColor = bg
+        document.documentElement.style.colorScheme = theme
+        document.querySelector('meta[name="theme-color"]')?.setAttribute(
+          'content',
+          theme === 'dark' ? '#101211' : '#e82517',
+        )
 
         let analyticsPreferences = null
         const serializedPreferences = cookies['tssbot_analytics_preferences']
@@ -38,12 +56,6 @@
         } catch {}
 
         window.__TSS_BOOT_PREFERENCES__ = { analyticsPreferences, theme }
-        document.documentElement.dataset.theme = theme
-        document.documentElement.style.colorScheme = theme
-        document.querySelector('meta[name="theme-color"]')?.setAttribute(
-          'content',
-          theme === 'dark' ? '#101211' : '#e82517',
-        )
       })()
     </script>
     <meta name="tss-turnstile-session" content="__TURNSTILE_SESSION__" />