Update app.py

app.py

@@ -144,7 +144,7 @@ def chat_response(user_input, history):
     return bot_response
 
 # ------------------------------------------------------------------
-# 5. UI 디자인 (디스토피아 테마)
+# 4. UI 디자인 (디스토피아 테마 - 가독성 수정판)
 # ------------------------------------------------------------------
 DYSTOPIA_CSS = """
 @import url('https://fonts.googleapis.com/css2?family=Share+Tech+Mono&family=Orbitron:wght@400;700&display=swap');
@@ -176,6 +176,7 @@ h1 {
     100% { transform: skew(0deg); opacity: 1; }
 }
 
+/* 일반 텍스트는 붉은색 유지 */
 p {
     color: #ff4444 !important;
     font-weight: bold;
@@ -189,27 +190,35 @@ p {
     height: 500px !important;
 }
 
-#chatbot .user, 
-#chatbot .bot,
-#chatbot [data-testid="user"],
-#chatbot [data-testid="bot"],
-.chatbot .user,
-.chatbot .bot {
-    color: #000000 !important;
+/* ▼▼▼ 여기 색상 변경됨 (흰색으로) ▼▼▼ */
+.message.user {
+    background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%) !important;
+    border: 1px solid #0ff !important;
+    color: #ffffff !important;  /* 글씨색 흰색으로 변경 */
+    border-radius: 0 !important;
+    padding: 15px !important;
+    font-weight: bold;
 }
 
-/* 메시지 내부 span, p 태그도 */
-#chatbot .user *,
-#chatbot .bot *,
-#chatbot [data-testid="user"] *,
-#chatbot [data-testid="bot"] * {
-    color: #000000 !important;
+.message.bot {
+    background: linear-gradient(135deg, #2a0a0a 0%, #1a0000 100%) !important;
+    border: 1px dashed #ff0040 !important;
+    color: #ffffff !important; /* 글씨색 흰색으로 변경 */
+    border-radius: 0 !important;
+    padding: 15px !important;
+    font-weight: bold;
+}
+/* ▲▲▲ 여기까지 ▲▲▲ */
+
+/* 메시지 내부 p 태그도 흰색 강제 적용 */
+.message p {
+    color: #ffffff !important;
 }
 
 textarea {
     background: #0a0a0a !important;
     border: 2px solid #ff0040 !important;
-    color: #ff4444 !important;
+    color: #ffffff !important; /* 입력창 글씨도 흰색으로 */
     border-radius: 0 !important;
     font-family: 'Share Tech Mono', monospace !important;
     font-size: 1.1em !important;