run 8

app.py

@@ -98,21 +98,43 @@ with gr.Blocks() as demo:
 
 demo.launch()
 
-# Customize colors, sizing and fonts
-custom_theme = gr.themes.Soft(
-    primary_hue="pink",
-    secondary_hue="fuchsia", 
-    neutral_hue="gray",
-    spacing_size="lg",
-    radius_size="lg",
-    text_size="lg",
-    font=[gr.themes.GoogleFont("IBM Plex Sans"), "sans-serif"],
-    font_mono=[gr.themes.GoogleFont("IBM Plex Mono"), "monospace"]
-)
-
-chatbot = gr.ChatInterface(respond, type="messages", theme=custom_theme)
+custom_css = """
+body {
+    background: linear-gradient(135deg, #ffdde1 0%, #ee9ca7 100%);
+}
+
+.gradio-container {
+    background: transparent !important;
+}
+
+footer {
+    visibility: hidden;
+}
+
+/* Chatbot styling */
+.message {
+    border-radius: 15px !important;
+}
+
+/* Input box */
+textarea {
+    background-color: rgba(255,255,255,0.8) !important;
+    border-radius: 12px !important;
+}
+
+/* Buttons */
+button {
+    background: #ff85a2 !important;
+    color: white !important;
+    border: none !important;
+    border-radius: 12px !important;
+}
+"""
 
-chatbot.launch(ssr_mode=False)
+demo = gr.ChatInterface(
+    fn=respond,
+    css=custom_css
+)
 
 chatbot = gr.ChatInterface(fn=respond, title = "Mind Matters", description = "Always here to help", editable = True)
 chatbot.launch()