Update app.py

app.py

@@ -40,9 +40,19 @@ def respond(
         yield response
 
 
+theme = gr.themes.Soft(
+    primary_hue="indigo",
+    secondary_hue="violet",
+).set(
+    button_primary_background_fill="*primary_500",
+    button_primary_text_color="white",
+)
+
+css = """
+h1 { text-align: center; color: #4f46e5; font-size: 2em; margin-bottom: 0.5em; }
+.login-text { font-size: 0.9em; color: #666; text-align: center; margin-top: 5px; }
 """
-For information on how to customize the ChatInterface, peruse the gradio docs: https://www.gradio.app/docs/chatinterface
-"""
+
 chatbot = gr.ChatInterface(
     respond,
     type="messages",
@@ -60,7 +70,7 @@ chatbot = gr.ChatInterface(
     ],
 )
 
-with gr.Blocks() as demo:
+with gr.Blocks(theme=theme, css=css) as demo:
     with gr.Sidebar():
         gr.LoginButton()
     chatbot.render()