Update app.py

app.py

@@ -142,6 +142,82 @@ def ask_estella(message: str, history: list) -> str:
         skip_special_tokens=True,
     ).strip()
 
+THEME = gr.themes.Soft(
+    primary_hue="orange",
+    secondary_hue="amber",
+    neutral_hue="slate",
+    radius_size="lg",
+    spacing_size="sm",
+)
+
+
+CUSTOM_CSS = """
+.gradio-container {
+    background:
+        radial-gradient(
+            circle at 0% 0%,
+            rgba(245, 158, 11, 0.14),
+            transparent 28rem
+        ),
+        radial-gradient(
+            circle at 100% 0%,
+            rgba(16, 185, 129, 0.10),
+            transparent 24rem
+        ),
+        #fffaf2 !important;
+}
+
+/* Title */
+.gradio-container h1 {
+    color: #9a3412 !important;
+    letter-spacing: -0.02em;
+}
+
+/* User messages */
+.gradio-container .message.user {
+    background: #fef3c7 !important;
+    border: 1px solid #fcd34d !important;
+    border-radius: 18px !important;
+}
+
+/* Estella messages */
+.gradio-container .message.bot {
+    background: #ecfdf5 !important;
+    border: 1px solid #a7f3d0 !important;
+    border-radius: 18px !important;
+}
+
+/* Text input */
+.gradio-container textarea {
+    border: 1px solid #f3c677 !important;
+    border-radius: 16px !important;
+    background: #fffdf8 !important;
+}
+
+/* Main submit button */
+.gradio-container button.primary {
+    background: linear-gradient(135deg, #d97706, #f59e0b) !important;
+    border: none !important;
+    color: white !important;
+    border-radius: 14px !important;
+    font-weight: 700 !important;
+}
+
+.gradio-container button.primary:hover {
+    background: linear-gradient(135deg, #b45309, #d97706) !important;
+}
+
+/* Example buttons */
+.gradio-container button.secondary {
+    border-color: #f3c677 !important;
+    color: #92400e !important;
+}
+
+/* Hide the default footer */
+footer {
+    display: none !important;
+}
+"""
 
 demo = gr.ChatInterface(
     fn=ask_estella,
@@ -162,4 +238,7 @@ demo = gr.ChatInterface(
 
 
 if __name__ == "__main__":
-    demo.launch()
+    demo.launch(
+    theme=THEME,
+    css=CUSTOM_CSS,
+)