Update app.py

app.py

@@ -272,31 +272,27 @@ def create_ui():
         }
         
         /* AI 코딩 탭의 Chatbot 스타일 수정 */
-        .chatbot {
-            background-color: #ffffff !important;
-        }
-        .chatbot .message {
+        .chatbot, .chatbot *, .wrap, .wrap * {
             background-color: transparent !important;
             border: none !important;
             box-shadow: none !important;
         }
-        .chatbot .user-message, .chatbot .bot-message {
+        .chatbot .message, .chatbot .user-message, .chatbot .bot-message {
             background-color: transparent !important;
             color: #000000 !important;
             padding: 10px 15px;
             margin: 5px 0;
             border-radius: 0;
-            border-left: 4px solid #ddd;
         }
         .chatbot .user-message {
-            border-left-color: #4caf50;
+            border-left: 4px solid #4caf50 !important;
         }
         .chatbot .bot-message {
-            border-left-color: #2196f3;
+            border-left: 4px solid #2196f3 !important;
         }
         .chatbot pre {
             background-color: #f5f5f5 !important;
-            border: 1px solid #ddd;
+            border: 1px solid #ddd !important;
             border-radius: 4px;
             padding: 10px;
             overflow-x: auto;
@@ -307,17 +303,14 @@ def create_ui():
             border-radius: 4px;
             font-family: monospace;
         }
-        .chatbot p {
-            margin: 5px 0;
+        .chatbot p, .chatbot span, .chatbot div {
             background-color: transparent !important;
+            margin: 5px 0;
         }
         .chatbot * {
             word-wrap: break-word !important;
             white-space: pre-wrap !important;
         }
-        .chatbot .md-message {
-            background-color: transparent !important;
-        }
         """
 
         with gr.Blocks(theme="Nymbo/Nymbo_Theme", css=css) as demo: