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="#3b3a3a",
-    input_background_fill_dark="#3b3a3a",
+    input_background_fill="#2d2d2d",
+    input_background_fill_dark="#2d2d2d",
     input_border_color="#555555",
     input_border_color_dark="#555555",
     input_placeholder_color="#a0a0a0",
@@ -165,7 +165,7 @@ def search_contacts(url: str) -> tuple[str, str]:
     """
     
     if not url.strip():
-        return "❌ Please enter a website URL", ""
+        return "Please enter a website URL", ""
     
     # Clean and validate URL
     url = url.strip()
@@ -204,10 +204,10 @@ def search_contacts(url: str) -> tuple[str, str]:
                     # If we filtered out everything or got very few results compared to original,
                     # it's likely the API returned all contacts instead of URL-specific ones
                     if len(filtered_result) == 0:
-                        return f"❌ No contacts found for: {original_url}\n\nThis URL may not be in our database.", json.dumps(result, indent=2)
+                        return f"No contacts found for: {original_url}\n\nThis URL may not be in our database.", json.dumps(result, indent=2)
                     elif original_count > 50 and len(filtered_result) < 5:
                         # Likely got all contacts, filtered to very few - show warning
-                        formatted_output = f"⚠️ **Warning:** API returned {original_count} total contacts. After filtering for '{original_url}', found {len(filtered_result)} matches.\n\n"
+                        formatted_output = f"**Warning:** API returned {original_count} total contacts. After filtering for '{original_url}', found {len(filtered_result)} matches.\n\n"
                         formatted_output += "These results may not be accurate. The URL might not be in our database.\n\n"
                         formatted_output += format_contact_results(filtered_result, url)
                     else:
@@ -220,9 +220,9 @@ def search_contacts(url: str) -> tuple[str, str]:
                     filtered_contacts = filter_contacts_by_url(actual_result['contacts'], url)
                     
                     if len(filtered_contacts) == 0:
-                        return f"❌ No contacts found for: {original_url}\n\nThis URL may not be in our database.", json.dumps(result, indent=2)
+                        return f"No contacts found for: {original_url}\n\nThis URL may not be in our database.", json.dumps(result, indent=2)
                     elif original_count > 50 and len(filtered_contacts) < 5:
-                        formatted_output = f"⚠️ **Warning:** API returned {original_count} total contacts. After filtering for '{original_url}', found {len(filtered_contacts)} matches.\n\n"
+                        formatted_output = f"**Warning:** API returned {original_count} total contacts. After filtering for '{original_url}', found {len(filtered_contacts)} matches.\n\n"
                         formatted_output += "These results may not be accurate. The URL might not be in our database.\n\n"
                         formatted_output += format_contact_results({'contacts': filtered_contacts}, url)
                     else:
@@ -250,17 +250,17 @@ def search_contacts(url: str) -> tuple[str, str]:
                 return formatted_output, raw_json
                 
             except json.JSONDecodeError:
-                return f"❌ Error: Invalid JSON response from API", response.text
+                return f"Error: Invalid JSON response from API", response.text
                 
         else:
-            return f"❌ API Error ({response.status_code}): {response.text}", ""
+            return f"API Error ({response.status_code}): {response.text}", ""
             
     except requests.exceptions.Timeout:
-        return "❌ Request timeout. Please try again.", ""
+        return "Request timeout. Please try again.", ""
     except requests.exceptions.ConnectionError:
-        return "❌ Connection error. Please check your API endpoint.", ""
+        return "Connection error. Please check your API endpoint.", ""
     except Exception as e:
-        return f"❌ Error: {str(e)}", ""
+        return f"Error: {str(e)}", ""
 
 def format_contact_results(results: Dict[Any, Any], url: str) -> str:
     """
@@ -340,34 +340,6 @@ def format_contact_results(results: Dict[Any, Any], url: str) -> str:
     
     return output
 
-def create_sample_data():
-    """Create sample data for demonstration"""
-    return '''# Contact Search Results for: example.com
-
-**Found 2 contact(s):**
-
-## Contact 1
-- **Name:** John Smith
-- **Email:** john.smith@example.com
-- **Title:** CEO
-- **Company:** Example Corp
-- **Phone:** (555) 123-4567
-- **LinkedIn:** linkedin.com/in/johnsmith
-
----
-
-## Contact 2
-- **Name:** Jane Doe
-- **Email:** jane.doe@example.com
-- **Title:** VP of Sales
-- **Company:** Example Corp
-- **Phone:** (555) 123-4568
-- **LinkedIn:** linkedin.com/in/janedoe
-
----
-
-*Search completed at: 2025-01-15 10:30:00*'''
-
 # Create the Gradio interface
 with gr.Blocks(theme=theme, title="Kwekel Companies Contact Search Tool", css="""
     /* Root and body styles */
@@ -393,15 +365,16 @@ with gr.Blocks(theme=theme, title="Kwekel Companies Contact Search Tool", css=""
         color: #e5e5e5 !important;
     }
     
-    /* Header styles */
+    /* Header styles with blue gradient */
     .header {
-        background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);
+        background: linear-gradient(135deg, #1e3a8a 0%, #3b82f6 50%, #1e40af 100%);
         color: white;
         padding: 2rem;
         border-radius: 0.5rem;
         margin-bottom: 2rem;
         text-align: center;
         border: 1px solid #404040;
+        box-shadow: 0 4px 15px rgba(30, 58, 138, 0.3);
     }
     .header h1 {
         margin: 0;
@@ -468,16 +441,26 @@ with gr.Blocks(theme=theme, title="Kwekel Companies Contact Search Tool", css=""
         color: #e5e5e5 !important;
     }
     
+    /* Specific styling for Website URL input label */
+    .gr-textbox:has(input[placeholder*="example.com"]) label {
+        color: #3b3a3a !important;
+    }
+    
     /* Markdown and code styles */
     .gr-markdown, .gr-markdown * {
         color: #e5e5e5 !important;
     }
     
     .gr-code, .gr-code * {
-        color: #e5e5e5 !important;
+        color: #3b3a3a !important;
         background-color: #2d2d2d !important;
     }
     
+    /* Code block specific styling */
+    .gr-code pre, .gr-code pre * {
+        color: #3b3a3a !important;
+    }
+    
     /* Form and block styles */
     .gr-form, .gr-form * {
         color: #e5e5e5 !important;
@@ -497,43 +480,23 @@ with gr.Blocks(theme=theme, title="Kwekel Companies Contact Search Tool", css=""
         background-color: #1a1a1a !important;
     }
     
-    /* Specific block background colors for Website URL and Raw JSON Response */
-    .gr-textbox, .gr-code {
-        background-color: #3b3a3a !important;
-    }
-    
-    .gr-textbox .gr-box, .gr-code .gr-box {
-        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;
+    /* Button text visibility */
+    .gr-button {
+        color: #ffffff !important;
     }
     
-    /* Additional targeting for component wrappers */
-    .gr-form > div, .gr-column > div {
-        background-color: #3b3a3a !important;
+    /* Primary button with blue gradient */
+    .gr-button.primary {
+        background: linear-gradient(135deg, #1e3a8a 0%, #3b82f6 50%, #1e40af 100%) !important;
+        border: none !important;
+        box-shadow: 0 4px 15px rgba(30, 58, 138, 0.3) !important;
+        transition: all 0.3s ease !important;
     }
     
-    /* Override any block backgrounds specifically */
-    .gradio-textbox, .gradio-code {
-        background-color: #3b3a3a !important;
-    }
-    
-    /* Button text visibility */
-    .gr-button {
-        color: #ffffff !important;
+    .gr-button.primary:hover {
+        background: linear-gradient(135deg, #1e40af 0%, #3b82f6 50%, #2563eb 100%) !important;
+        box-shadow: 0 6px 20px rgba(30, 58, 138, 0.4) !important;
+        transform: translateY(-2px) !important;
     }
     
     /* Ensure info text is visible */
@@ -548,6 +511,11 @@ with gr.Blocks(theme=theme, title="Kwekel Companies Contact Search Tool", css=""
         color: #e5e5e5 !important;
     }
     
+    /* Override for Website URL label specifically */
+    .gr-textbox:has(input[placeholder*="example.com"]) .gr-textbox-label {
+        color: #3b3a3a !important;
+    }
+    
     /* Override any remaining dark text */
     p, span, div, h1, h2, h3, h4, h5, h6, li, td, th {
         color: #e5e5e5 !important;
@@ -559,6 +527,19 @@ with gr.Blocks(theme=theme, title="Kwekel Companies Contact Search Tool", css=""
         background-color: #2d2d2d !important;
         border-color: #1e40af !important;
     }
+    
+    /* Specific targeting for the Website URL input text */
+    .gr-textbox input[placeholder*="example.com"] {
+        color: #3b3a3a !important;
+    }
+    
+    /* JSON code block text color */
+    .gr-code[data-testid*="json"] pre,
+    .gr-code[data-testid*="json"] code,
+    .gr-code[language="json"] pre,
+    .gr-code[language="json"] code {
+        color: #3b3a3a !important;
+    }
 """) as demo:
     
     # Header