Update app.py

app.py

@@ -281,14 +281,16 @@ def create_ui():
             padding: 10px 15px;
             margin: 5px 0;
             border-radius: 8px;
+            background-color: transparent !important;
         }
         .chatbot .user-message {
-            background-color: #e8f5e9 !important;
-            color: #1b5e20 !important;
+            border-left: 4px solid #4caf50;
         }
         .chatbot .bot-message {
-            background-color: #e3f2fd !important;
-            color: #0d47a1 !important;
+            border-left: 4px solid #2196f3;
+        }
+        .chatbot .user-message, .chatbot .bot-message {
+            color: #000000 !important;
         }
         .chatbot pre {
             background-color: #f5f5f5 !important;
@@ -306,6 +308,10 @@ def create_ui():
         .chatbot p {
             margin: 5px 0;
         }
+        .chatbot * {
+            word-wrap: break-word !important;
+            white-space: pre-wrap !important;
+        }
         """
 
         with gr.Blocks(theme="Nymbo/Nymbo_Theme", css=css) as demo: