Update app.py

app.py

@@ -36,8 +36,8 @@ theme = gr.themes.Soft(
     block_title_text_color_dark="#e5e5e5",
     
     # Input colors (using valid property names)
-    input_background_fill="#2d2d2d",
-    input_background_fill_dark="#2d2d2d",
+    input_background_fill="#3b3a3a",
+    input_background_fill_dark="#3b3a3a",
     input_border_color="#555555",
     input_border_color_dark="#555555",
     input_placeholder_color="#a0a0a0",
@@ -496,8 +496,8 @@ with gr.Blocks(theme=theme, title="Kwekel Companies Contact Search Tool", css=""
     .gr-container {
         background-color: #1a1a1a !important;
     }
-
-     /* Specific block background colors */
+    
+    /* Specific block background colors for Website URL and Raw JSON Response */
     .gr-textbox, .gr-code {
         background-color: #3b3a3a !important;
     }
@@ -506,6 +506,31 @@ with gr.Blocks(theme=theme, title="Kwekel Companies Contact Search Tool", css=""
         background-color: #3b3a3a !important;
     }
     
+    /* More specific targeting for textbox and code blocks */
+    .gr-textbox > div, .gr-code > div {
+        background-color: #3b3a3a !important;
+    }
+    
+    /* Target the actual input container */
+    .gr-textbox .gr-input, .gr-code .gr-input {
+        background-color: #3b3a3a !important;
+    }
+    
+    /* Target Gradio component containers */
+    div[data-testid="textbox"], div[data-testid="code"] {
+        background-color: #3b3a3a !important;
+    }
+    
+    /* Additional targeting for component wrappers */
+    .gr-form > div, .gr-column > div {
+        background-color: #3b3a3a !important;
+    }
+    
+    /* Override any block backgrounds specifically */
+    .gradio-textbox, .gradio-code {
+        background-color: #3b3a3a !important;
+    }
+    
     /* Button text visibility */
     .gr-button {
         color: #ffffff !important;
@@ -611,4 +636,4 @@ if __name__ == "__main__":
         server_port=7860,
         show_error=True,
         debug=True
-    )
+    )