simplify styles

main.py

@@ -1,4 +1,3 @@
-# main.py
 import gradio as gr
 from src.analyzer import EventAnalyzer
 from ui.format import ResultFormatter
@@ -16,9 +15,18 @@ async def process_input(text: str) -> str:
 EXAMPLES = [
     ["John from Tech Corp. is attending the meeting in Washington, DC tomorrow at 14:30 #tech"],
     ["Sarah Johnson and Mike Smith from Defense Systems Inc. are conducting training in Norfolk, VA on June 15th #defense #training"],
-    ["Team meeting at headquarters with @commander_smith at 0900 #briefing"]
+    ["Team meeting at headquarters with @commander_smith at 0900 #briefing"],
+    ["Prof. Maria Garcia from MIT will present her research at Stanford University on quantum computing next Thursday at 15:00 PST #science #quantum"],
+    ["Annual cybersecurity conference by InfoSec Systems at Dubai World Trade Centre from May 5-7, featuring keynote speaker Dr. James Wilson #security"],
+    ["Emergency response drill coordinated by FEMA and local authorities in Houston, TX on April 2nd at 0800 hours #emergency #preparedness"]
 ]
 
+# Create custom theme with better alert colors
+theme = gr.themes.Soft(
+    primary_hue="blue",
+    secondary_hue="neutral",
+)
+
 # Create Gradio interface
 demo = gr.Interface(
     fn=process_input,
@@ -33,7 +41,7 @@ demo = gr.Interface(
     title="Event Analysis System",
     description="Analyze text to extract entities, assess confidence, and identify key event information with relationship tracking.",
     css=css,
-    theme=gr.themes.Soft(),
+    theme=theme,
     examples=EXAMPLES
 )
 

ui/styles.py

@@ -7,46 +7,36 @@ css = """
 
 .results { 
     padding: 20px; 
-    border: 1px solid #ddd; 
     border-radius: 8px; 
-    margin-top: 20px; 
-}
-
-.confidence-high { 
-    color: #22c55e; 
-    font-weight: bold; 
-}
-
-.confidence-low { 
-    color: #f97316; 
-    font-weight: bold; 
+    margin-top: 20px;
 }
 
 .entity-section { 
-    margin: 15px 0; 
+    margin: 15px 0;
+    padding: 12px;
+    border-radius: 6px;
 }
 
+/* Remove color definitions and let theme handle them */
 .alert-warning { 
-    background: #fff3cd; 
-    padding: 10px; 
-    border-radius: 5px; 
-    margin: 10px 0; 
+    padding: 12px;
+    border-radius: 6px;
+    margin: 12px 0;
 }
 
 .alert-success { 
-    background: #d1fae5; 
-    padding: 10px; 
-    border-radius: 5px; 
-    margin: 10px 0; 
+    padding: 12px;
+    border-radius: 6px;
+    margin: 12px 0;
 }
 
 .related-events { 
-    background: #f3f4f6; 
-    padding: 15px; 
-    border-radius: 5px; 
-    margin-top: 15px; 
+    padding: 15px;
+    border-radius: 6px;
+    margin-top: 15px;
 }
 
+/* Grid and spacing utilities */
 .grid { 
     display: grid; 
 }
@@ -75,27 +65,11 @@ css = """
     margin-bottom: 0.5rem; 
 }
 
-.text-blue-600 { 
-    color: #2563eb; 
-}
-
-.text-gray-600 { 
-    color: #4b5563; 
-}
-
 .text-sm { 
     font-size: 0.875rem; 
     line-height: 1.25rem; 
 }
 
-.bg-gray-50 { 
-    background-color: #f9fafb; 
-}
-
-.rounded-lg { 
-    border-radius: 0.5rem; 
-}
-
 .p-4 { 
     padding: 1rem; 
 }