Update interface.py

interface.py

@@ -15,16 +15,17 @@ css_customizado = """
     --bg-primary: #212121;
     --bg-secondary: #2f2f2f;
     --bg-tertiary: #3c4043;
-    --bg-chat: #ffffff;
-    --bg-user: #f7f7f8;
+    --bg-chat: #f8f9fa;
+    --bg-user: #e3f2fd;
     --bg-assistant: #ffffff;
-    --border-color: #d9d9e3;
+    --border-color: #e0e0e0;
     --border-dark: #565869;
-    --text-primary: #0d0d0d;
-    --text-secondary: #676767;
+    --text-primary: #1a1a1a;
+    --text-secondary: #555555;
     --text-on-dark: #ffffff;
-    --accent: #10a37f;
-    --accent-hover: #0d9268;
+    --text-chat: #2d2d2d;
+    --accent: #1976d2;
+    --accent-hover: #1565c0;
     --shadow: 0 2px 16px rgba(0, 0, 0, 0.1);
     --shadow-lg: 0 8px 28px rgba(0, 0, 0, 0.12);
     --radius: 12px;
@@ -161,7 +162,7 @@ body, .gradio-container {
 .chat-header-title {
     font-size: 18px;
     font-weight: 600;
-    color: var(--text-primary);
+    color: var(--text-chat);
 }
 
 .mobile-menu-btn {
@@ -169,7 +170,7 @@ body, .gradio-container {
     background: none !important;
     border: none !important;
     font-size: 20px !important;
-    color: var(--text-primary) !important;
+    color: var(--text-chat) !important;
     cursor: pointer !important;
     padding: 8px !important;
     border-radius: 8px !important;
@@ -207,6 +208,7 @@ body, .gradio-container {
 
 #chat .message.user {
     background: var(--bg-user) !important;
+    border-bottom: 1px solid #bbdefb;
 }
 
 #chat .message.bot {
@@ -239,10 +241,39 @@ body, .gradio-container {
 
 #chat .message-text {
     flex: 1 !important;
-    color: var(--text-primary) !important;
+    color: var(--text-chat) !important;
     font-size: 15px !important;
     line-height: 1.6 !important;
     word-wrap: break-word !important;
+    font-weight: 400 !important;
+}
+
+/* Melhor contraste para links e código */
+#chat .message-text a {
+    color: var(--accent) !important;
+    text-decoration: underline !important;
+}
+
+#chat .message-text code {
+    background: #f5f5f5 !important;
+    color: #d73502 !important;
+    padding: 2px 4px !important;
+    border-radius: 4px !important;
+    font-family: 'Monaco', 'Consolas', monospace !important;
+}
+
+#chat .message-text pre {
+    background: #f8f8f8 !important;
+    color: var(--text-chat) !important;
+    border: 1px solid #e0e0e0 !important;
+    border-radius: 8px !important;
+    padding: 12px !important;
+    overflow-x: auto !important;
+}
+
+#chat .message-text strong {
+    color: var(--text-chat) !important;
+    font-weight: 600 !important;
 }
 
 /* Área de Input */
@@ -283,7 +314,7 @@ body, .gradio-container {
 #entrada_usuario textarea {
     background: transparent !important;
     border: none !important;
-    color: var(--text-primary) !important;
+    color: var(--text-chat) !important;
     font-size: 16px !important;
     line-height: 1.5 !important;
     resize: none !important;
@@ -294,7 +325,7 @@ body, .gradio-container {
 }
 
 #entrada_usuario textarea::placeholder {
-    color: #8e8ea0 !important;
+    color: var(--text-secondary) !important;
     font-size: 16px !important;
 }