Update app.py

app.py

@@ -6,7 +6,7 @@ import pandas as pd
 
 API_ENDPOINT = "https://jaybene1-testapicontacts.hf.space/contacts"
 
-# Custom theme inspired by image
+# Updated dark theme with white text
 theme = gr.themes.Soft(
     primary_hue="blue",
     secondary_hue="slate",
@@ -15,9 +15,9 @@ theme = gr.themes.Soft(
     spacing_size="md",
     radius_size="md"
 ).set(
-    body_background_fill="#0f172a",  # Very dark blue-gray
+    body_background_fill="#0f172a",
     body_background_fill_dark="#0f172a",
-    block_background_fill="#1e293b",  # Slightly lighter for blocks
+    block_background_fill="#1e293b",
     block_background_fill_dark="#1e293b",
     block_border_color="#334155",
     block_border_color_dark="#334155",
@@ -30,7 +30,9 @@ theme = gr.themes.Soft(
     button_primary_text_color="#ffffff",
     button_secondary_background_fill="#334155",
     button_secondary_background_fill_hover="#475569",
-    button_secondary_text_color="#f8fafc"
+    button_secondary_text_color="#f8fafc",
+    text_color="#f8fafc",
+    text_color_dark="#f8fafc"
 )
 
 def search_contacts(url: str) -> tuple[str, str]:
@@ -145,6 +147,7 @@ with gr.Blocks(theme=theme, title="Kwekel Companies Contact Search Tool", css=""
         margin: 0;
         font-size: 2.5rem;
         font-weight: 700;
+        color: #ffffff;
     }
     .info-box {
         background: #1e293b;
@@ -154,12 +157,15 @@ with gr.Blocks(theme=theme, title="Kwekel Companies Contact Search Tool", css=""
         margin: 1rem 0;
         color: #f8fafc;
     }
+    label, h3, p, li, ol {
+        color: #f8fafc !important;
+    }
     .footer {
         text-align: center;
         margin-top: 2rem;
         padding-top: 2rem;
         border-top: 1px solid #475569;
-        color: #94a3b8;
+        color: #94a3b8 !important;
     }
 """) as demo: