Fix: Improve text visibility with CSS override

app_hf.py

@@ -20,6 +20,22 @@ from dashboard_simple import create_html_dashboard
 if __name__ == "__main__":
     # Create the HTML content
     html_content = create_html_dashboard()
+
+        # Add CSS override for better text visibility in Gradio
+    css_override = """
+    <style>
+        body, body * {
+            color: #222 !important;
+        }
+        h1, h2, h3, h4, h5, h6 {
+            color: #667eea !important;
+        }
+        .model-badge, .tab-btn {
+            color: white !important;
+        }
+    </style>
+    """
+    html_content = css_override + html_content
     
     # Create Gradio interface with HTML
     demo = gr.Blocks()