Update app.py

app.py

@@ -54,50 +54,59 @@ demo = gr.ChatInterface(
             label="Top-p (nucleus sampling)",
         ),
     ],
-    theme="huggingface",  # Usando tema do Hugging Face para um estilo moderno
     title="Lambda Chatbot",  # Título na interface
     description="Chatbot alimentado pelo modelo Lambdai",  # Descrição simples
-  
-    css="""
-        .chatbox {
-            background-color: #0e1117; 
-            color: #f5f5f5; 
-            font-family: 'JetBrains Mono', monospace; 
-            border-radius: 8px;
-            border: 1px solid #444;
-        }
-        .gradio-container {
-            background-color: #121212;
-            padding: 20px;
-            border-radius: 10px;
-        }
-        .gr-button {
-            background-color: #4a90e2;
-            color: #fff;
-            font-family: 'JetBrains Mono', monospace;
-            border-radius: 5px;
-        }
-        .gr-button:hover {
-            background-color: #357ab7;
-        }
-        .gr-slider {
-            background-color: #333;
-            color: #f5f5f5;
-            border-radius: 8px;
-        }
-        .gr-slider .slider {
-            background-color: #444;
-        }
-        .gr-chatbox-container {
-            background-color: #181a1f;
-            border-radius: 10px;
-        }
-        .gr-output {
-            font-family: 'JetBrains Mono', monospace;
-            color: #f5f5f5;
-        }
-    """,  # Customização de CSS
+    theme="dark",  # Usando o tema Dark do Gradio
 )
 
+# Customização de CSS simples para JetBrains Mono e visual Dark
+demo.css = """
+    * {
+        font-family: 'JetBrains Mono', monospace;
+    }
+    .gradio-container {
+        background-color: #121212;
+        color: #ffffff;
+        border-radius: 10px;
+        padding: 20px;
+    }
+    .chatbox {
+        background-color: #181818;
+        border-radius: 8px;
+        color: #f5f5f5;
+        border: 1px solid #333;
+    }
+    .gr-button {
+        background-color: #4a90e2;
+        color: white;
+        border-radius: 5px;
+        padding: 10px 20px;
+        font-size: 16px;
+    }
+    .gr-button:hover {
+        background-color: #357ab7;
+    }
+    .gr-slider {
+        background-color: #333;
+        color: #f5f5f5;
+        border-radius: 8px;
+    }
+    .gr-chatbox-container {
+        background-color: #1f1f1f;
+        border-radius: 10px;
+    }
+    .gr-output {
+        font-family: 'JetBrains Mono', monospace;
+        color: #f5f5f5;
+    }
+    .gr-input {
+        font-family: 'JetBrains Mono', monospace;
+        color: #f5f5f5;
+    }
+    .gr-chatbox .message {
+        font-family: 'JetBrains Mono', monospace;
+    }
+"""
+
 if __name__ == "__main__":
     demo.launch()