fix: force light mode + dark mode CSS fallback for text visibility

app.py

@@ -111,6 +111,51 @@ def load_data() -> dict:
 CUSTOM_CSS = """
 .gradio-container { max-width: 1200px !important; }
 .gr-padded { padding: 0 !important; }
+
+/* Force light appearance for all inline-styled HTML content */
+.dark .gradio-container {
+  --body-background-fill: #f7fafc !important;
+  --block-background-fill: #ffffff !important;
+  --body-text-color: #1a202c !important;
+  --block-label-text-color: #1a202c !important;
+  --input-background-fill: #ffffff !important;
+  --border-color-primary: #e2e8f0 !important;
+  --color-accent-soft: rgba(49,130,206,0.15) !important;
+  --neutral-50: #f7fafc !important;
+  --neutral-100: #edf2f7 !important;
+  --neutral-200: #e2e8f0 !important;
+  --neutral-700: #4a5568 !important;
+  --neutral-800: #2d3748 !important;
+  color: #1a202c !important;
+  background: #f7fafc !important;
+}
+.dark .tabs { background: #ffffff !important; }
+.dark .tab-nav button { color: #2d3748 !important; }
+.dark .tab-nav button.selected {
+  color: #1a365d !important;
+  border-color: #3182ce !important;
+}
+.dark .block { background: #ffffff !important; }
+.dark label, .dark .label-wrap { color: #2d3748 !important; }
+.dark input, .dark textarea, .dark select {
+  background: #ffffff !important;
+  color: #1a202c !important;
+  border-color: #e2e8f0 !important;
+}
+.dark .accordion { background: #ffffff !important; }
+.dark .accordion > .label-wrap { color: #2d3748 !important; }
+"""
+
+# Force light mode on page load
+FORCE_LIGHT_JS = """
+() => {
+  document.querySelector('body').classList.remove('dark');
+  const obs = new MutationObserver(() => {
+    document.querySelector('body').classList.remove('dark');
+  });
+  obs.observe(document.body, {attributes: true, attributeFilter: ['class']});
+  setTimeout(() => obs.disconnect(), 5000);
+}
 """
 
 
@@ -839,6 +884,7 @@ def create_app() -> gr.Blocks:
     with gr.Blocks(
         theme=gr.themes.Soft(primary_hue="blue"),
         css=CUSTOM_CSS,
+        js=FORCE_LIGHT_JS,
     ) as app:
 
         gr.HTML(build_header(data["last_updated"], len(entries)))