Update app.py

app.py

@@ -19,14 +19,24 @@ theme = gr.themes.Soft(
 ).set(
     body_background_fill="#1a1a1a",
     body_background_fill_dark="#1a1a1a",
+    body_text_color="#e5e5e5",
+    body_text_color_dark="#e5e5e5",
     block_background_fill="#2d2d2d",
     block_background_fill_dark="#2d2d2d",
     block_border_color="#404040",
     block_border_color_dark="#404040",
+    block_label_text_color="#e5e5e5",
+    block_label_text_color_dark="#e5e5e5",
+    block_title_text_color="#e5e5e5",
+    block_title_text_color_dark="#e5e5e5",
     input_background_fill="#2d2d2d",
     input_background_fill_dark="#2d2d2d",
     input_border_color="#555555",
     input_border_color_dark="#555555",
+    input_text_color="#e5e5e5",
+    input_text_color_dark="#e5e5e5",
+    input_placeholder_color="#a0a0a0",
+    input_placeholder_color_dark="#a0a0a0",
     button_primary_background_fill="#1e40af",
     button_primary_background_fill_hover="#2563eb",
     button_primary_text_color="#ffffff",
@@ -386,6 +396,9 @@ with gr.Blocks(theme=theme, title="Kwekel Companies Contact Search Tool", css=""
         color: #ffffff;
         margin-top: 0;
     }
+    .info-box p, .info-box ol, .info-box li {
+        color: #e5e5e5;
+    }
     .footer {
         text-align: center;
         margin-top: 2rem;
@@ -395,10 +408,36 @@ with gr.Blocks(theme=theme, title="Kwekel Companies Contact Search Tool", css=""
     }
     body {
         background-color: #1a1a1a !important;
-        color: #ffffff !important;
+        color: #e5e5e5 !important;
     }
     .dark {
         background-color: #1a1a1a !important;
+        color: #e5e5e5 !important;
+    }
+    /* Ensure all text is light colored */
+    .gradio-container * {
+        color: #e5e5e5 !important;
+    }
+    /* Override specific elements that need light text */
+    .gr-textbox input, .gr-textbox textarea {
+        color: #e5e5e5 !important;
+        background-color: #2d2d2d !important;
+    }
+    .gr-markdown {
+        color: #e5e5e5 !important;
+    }
+    .gr-code {
+        color: #e5e5e5 !important;
+        background-color: #2d2d2d !important;
+    }
+    label {
+        color: #e5e5e5 !important;
+    }
+    .gr-form {
+        color: #e5e5e5 !important;
+    }
+    .gr-block {
+        color: #e5e5e5 !important;
     }
 """) as demo: