Force light theme

static/script.js

@@ -93,6 +93,39 @@
     }, delay);
   });
   
+  // Force light theme - disable dark mode switching
+  const forceTheme = () => {
+    // Remove any dark theme classes that might be added
+    document.documentElement.classList.remove('dark');
+    document.body.classList.remove('dark');
+    
+    // Set light color scheme
+    document.documentElement.style.colorScheme = 'light';
+    
+    // Override any theme preference that might be set
+    if (window.matchMedia) {
+      const darkModeQuery = window.matchMedia('(prefers-color-scheme: dark)');
+      // Override the matches property to always return false
+      Object.defineProperty(darkModeQuery, 'matches', {
+        value: false,
+        writable: false
+      });
+    }
+  };
+  
+  // Apply theme override immediately and on any DOM changes
+  forceTheme();
+  
+  // Watch for any changes and reapply theme override
+  const observer = new MutationObserver(() => {
+    forceTheme();
+  });
+  
+  observer.observe(document.documentElement, {
+    attributes: true,
+    attributeFilter: ['class', 'data-theme', 'theme']
+  });
+  
   // Also set up immediately if DOM is ready
   if (document.readyState !== 'loading') {
     setupKeyboardShortcuts();

static/style.css

@@ -216,3 +216,41 @@
   padding: 0 !important;
   pointer-events: none !important;
 }
+
+/* Force light theme - Disable dark mode switching */
+@media (prefers-color-scheme: dark) {
+  .gradio-container {
+    background: radial-gradient(1200px 600px at 20% 0%, #f1f5f9 0%, #e2e8f0 45%, #cbd5e1 100%) !important;
+    color-scheme: light !important;
+  }
+  
+  /* Ensure all elements use light theme colors */
+  .gradio-container * {
+    color-scheme: light !important;
+  }
+  
+  /* Override any dark mode styles that might be applied */
+  .gradio-container .gr-chatbot {
+    background: linear-gradient(180deg, rgba(255,255,255,0.9) 0%, rgba(248,250,252,0.95) 100%) !important;
+    color: #334155 !important;
+  }
+  
+  .gradio-container .chat-input-box textarea {
+    background: rgba(255,255,255,0.9) !important;
+    color: #334155 !important;
+  }
+  
+  .gradio-container #app-header .app-subtitle {
+    color: #64748b !important;
+  }
+  
+  /* Force light theme for all buttons and inputs */
+  .gradio-container button {
+    color-scheme: light !important;
+  }
+  
+  .gradio-container input, 
+  .gradio-container textarea {
+    color-scheme: light !important;
+  }
+}