From 02396641f6d6707096aff37188daf9252d1f5aa7 Mon Sep 17 00:00:00 2001
From: bruno <bruno.charest@gmail.com>
Date: Fri, 24 Jul 2026 15:01:04 -0400
Subject: [PATCH] fix: force theme via inline style as ultimate fallback

- Added <style id='theme-force'> with !important dark theme defaults
- JS updates inline style for light mode
- Completely bypasses CSS variable loading, caching, or path issues
- Guarantees body bg/text color regardless of stylesheet state
---
 frontend/popout.html | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/frontend/popout.html b/frontend/popout.html
index fe30320..db66e72 100644
--- a/frontend/popout.html
+++ b/frontend/popout.html
@@ -4,13 +4,20 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>ObsiGate - Popout</title>
+  <style id="theme-force">
+    /* Forced by inline script — bypasses any CSS loading issues */
+    html, body { background: #0f1117 !important; color: #e6edf3 !important; }
+  </style>
   <script>
-    // Inherit theme from opener or localStorage — query param has priority
     (function() {
       var m = location.search.match(/theme=([^&]+)/);
       var theme = (m && m[1]) || localStorage.getItem('obsigate-theme') || 'dark';
       document.documentElement.setAttribute('data-theme', theme);
       if (m && m[1]) { localStorage.setItem('obsigate-theme', theme); }
+      // Force background/text as backup regardless of CSS variable loading
+      if (theme === 'light') {
+        document.getElementById('theme-force').textContent = 'html, body { background: #ffffff !important; color: #1a1a1a !important; }';
+      }
     })();
   </script>
   <link rel="stylesheet" href="/static/style.css?v=2">