Update app.py

app.py

@@ -453,14 +453,14 @@ if not USE_SLOW_ECHO:
     scheduler_thread = threading.Thread(target=run_scheduler, args=(global_chat_history,), daemon=True)
     scheduler_thread.start()
     
-# Tüm yazı boyutlarını 0.8rem yapan CSS
+# Chatbot kartları için arka plan renkleri değiştiren CSS
 custom_css = """
 /* Genel font ayarları */
 .gradio-container, .gradio-container *, .message-wrap, .message-wrap p, .message-wrap div, 
 button, input, select, textarea {
     font-family: 'Segoe UI', 'SF Pro Text', 'Roboto', -apple-system, BlinkMacSystemFont, 
                  'Helvetica Neue', Arial, sans-serif !important;
-    font-size: 0.8rem !important;  /* Tüm yazı boyutlarını 0.8rem yap */
+    font-size: 0.8rem !important;
 }
 
 /* Input alanı için de aynı boyut */
@@ -470,7 +470,7 @@ button, input, select, textarea {
 
 /* Başlıklar için özel boyutlar */
 h1 {
-    font-size: 1.4rem !important;  /* Başlıklar için biraz daha büyük */
+    font-size: 1.4rem !important;
     font-weight: 600 !important;
 }
 
@@ -484,6 +484,34 @@ h3 {
     font-weight: 600 !important;
 }
 
+/* Kart arka plan renkleri - görseldeki gibi */
+/* Kullanıcı mesajları için mavi tonda arka plan */
+.user-message, .user-message-highlighted {
+    background-color: #e9f5fe !important;
+    border-bottom-right-radius: 0 !important;
+    box-shadow: 0 1px 2px rgba(0,0,0,0.1) !important;
+}
+
+/* Bot mesajları için beyaz arka plan ve hafif kenarlık */
+.bot-message, .bot-message-highlighted {
+    background-color: white !important;
+    border: 1px solid #e0e0e0 !important;
+    border-bottom-left-radius: 0 !important;
+    box-shadow: 0 1px 2px rgba(0,0,0,0.05) !important;
+}
+
+/* Mesaj baloncuklarının köşe yuvarlatma değerleri */
+.message-wrap {
+    border-radius: 12px !important;
+    margin: 0.5rem 0 !important;
+    max-width: 90% !important;
+}
+
+/* Sohbet alanının genel arka planı */
+.chat-container, .gradio-container {
+    background-color: #f7f7f7 !important;
+}
+
 /* Daha net yazılar için text rendering */
 * {
     -webkit-font-smoothing: antialiased;