Update app.py

app.py

@@ -4,21 +4,43 @@ from huggingface_hub import InferenceClient
 from sentence_transformers import SentenceTransformer
 import torch
 
-theme = gr.themes.Ocean(
-    **primary_hue="teal",        # Rich teal for buttons and accents**
-    **secondary_hue="blue",      # Deeper blue highlights**
-    neutral_hue="sky",           # Softer background elements
-).set(
-    **body_background_fill="#e0f7f7",        # Soft teal background**
-    **button_primary_background_fill="#00796b",  # Deep teal for primary buttons**
-    **button_secondary_background_fill="#0288d1", # Vibrant blue for secondary buttons**
-    **button_primary_text_color="#ffffff",       # White text for contrast**
-    **button_secondary_text_color="#ffffff",**
-    **input_background_fill="#b2ebf2",          # Soft input background**
-    card_background_fill="#ffffff",           # White chat bubbles for contrast
-    **card_shadow="0px 4px 20px rgba(0, 0, 0, 0.15)" # Soft shadow for depth**
-)
-
+theme = gr.themes.Base()  # use a simple base theme, we'll add custom CSS
+
+# --- Custom CSS ---
+custom_css = """
+body {
+    background-color: #e0f7f7 !important; /* soft teal background */
+}
+
+.gradio-container {
+    font-family: "Helvetica", sans-serif;
+}
+
+.gr-button-primary {
+    background: linear-gradient(145deg, #00796b, #004d40) !important; /* deep teal gradient */
+    color: white !important;
+    box-shadow: 0px 4px 12px rgba(0,0,0,0.2) !important;
+    border-radius: 12px !important;
+}
+
+.gr-button-secondary {
+    background: linear-gradient(145deg, #0288d1, #01579b) !important; /* vibrant blue gradient */
+    color: white !important;
+    box-shadow: 0px 4px 12px rgba(0,0,0,0.2) !important;
+    border-radius: 12px !important;
+}
+
+.gr-chat-message {
+    background: #ffffff !important;
+    box-shadow: 0px 4px 15px rgba(0,0,0,0.15) !important;
+    border-radius: 15px !important;
+    padding: 10px !important;
+}
+
+img {
+    border-radius: 15px;
+    box-shadow: 0px 8px 20px rgba(0,0,0,0.25);
+}
 
     
 # SEMANTIC SEARCH STEP 2