Update app.py

app.py

@@ -131,8 +131,13 @@ system_msg_info = ""
 theme = gr.themes.Soft(primary_hue="zinc", secondary_hue="green", neutral_hue="blue",
                        text_size=gr.themes.sizes.text_sm)
 
-with gr.Blocks(css="""#col_container { margin-left: auto; margin-right: auto;} #chatbot {height: 450px; overflow: auto;}""",
-               theme=theme) as demo:
+with gr.Blocks(css="""
+#col_container { margin-left: auto; margin-right: auto; background-color: #f0f0f0; }
+#chatbot { height: 450px; overflow: auto; background-color: #ffffff; }
+#chatbot .chat-message { border-bottom: 1px solid #e0e0e0; padding: 10px; }
+#chatbot .chat-message.user { background-color: #e0ffe0; }
+#chatbot .chat-message.assistant { background-color: #e0e0ff; }
+""", theme=theme) as demo:
     with gr.Column(elem_id="col_container"):
         with gr.Accordion("", open=False, visible=False):
             system_msg = gr.Textbox(value="")