update

app.py

@@ -109,6 +109,26 @@ User question:
 
     return response.choices[0].message.content.strip()
 
+custom_css = """
+body {
+    background: #e8f5f1;
+}
+
+.gradio-container {
+    background: #e8f5f1;
+}
+
+textarea {
+    background-color: #ffffff !important;
+    border: 2px solid #7fc8a9 !important;
+}
+
+button {
+    background-color: #7fc8a9 !important;
+    color: white !important;
+}
+"""
+
 chatbot = gr.ChatInterface(
     respond,
     title="🌱 Teen Mental Wellness Chatbot",
@@ -123,20 +143,8 @@ chatbot = gr.ChatInterface(
         "How can I manage test anxiety?",
         "What should I do when I'm feeling overwhelmed?",
         "My parents put a lot of pressure on me."
-    ]
-)
-
-chat_theme = gr.themes.Soft(
-    primary_hue="blue",
-    secondary_hue="green",
-    neutral_hue="gray",
-    spacing_size="lg",
-    radius_size="lg"
-).set(
-    input_background_fill="*neutral_50",
-    input_border_color_focus="*primary_300",
-    button_primary_background_fill="*primary_500",
-    button_primary_background_fill_hover="*primary_400"
+    ],
+    css=custom_css
 )
 
-chatbot.launch(theme=chat_theme)
+chatbot.launch()