Update app.py

app.py

@@ -7,32 +7,49 @@ client = InferenceClient("lambdaindie/lambdai")
 css = """
 @import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono&display=swap');
 
-{
-font-family: 'JetBrains Mono', monospace !important;
+* {
+    font-family: 'JetBrains Mono', monospace !important;
 }
 
-body {
-background-color: #111;
-color: #e0e0e0;
+html, body, input, button, textarea, select, .gradio-container {
+    font-family: 'JetBrains Mono', monospace !important;
+    background-color: #111 !important;
+    color: #e0e0e0 !important;
 }
 
 .markdown-think {
-background-color: #1e1e1e;
-border-left: 4px solid #555;
-padding: 10px;
-margin-bottom: 8px;
-font-style: italic;
-white-space: pre-wrap;
-animation: pulse 1.5s infinite ease-in-out;
+    background-color: #1e1e1e;
+    border-left: 4px solid #555;
+    padding: 10px;
+    margin-bottom: 8px;
+    font-style: italic;
+    white-space: pre-wrap;
+    animation: pulse 1.5s infinite ease-in-out;
 }
 
 @keyframes pulse {
-0% { opacity: 0.6; }
-50% { opacity: 1.0; }
-100% { opacity: 0.6; }
+    0% { opacity: 0.6; }
+    50% { opacity: 1.0; }
+    100% { opacity: 0.6; }
 }
 """
 
+theme = gr.themes.Base(
+    primary_hue="gray",
+    font=[
+        gr.themes.GoogleFont("JetBrains Mono"),
+        "monospace"
+    ]
+).set(
+    body_background_fill="#111",
+    body_text_color="#e0e0e0",
+    button_primary_background_fill="#333",
+    button_primary_text_color="#e0e0e0",
+    input_background_fill="#222",
+    input_border_color="#444",
+    block_title_text_color="#fff"
+)
+
 def respond(message, history, system_message, max_tokens, temperature, top_p):
     messages = [{"role": "system", "content": system_message}] if system_message else []
 
@@ -68,8 +85,8 @@ def respond(message, history, system_message, max_tokens, temperature, top_p):
 
     yield f"""
     <div style="margin-top:12px;padding:8px 12px;background-color:#222;border-left:4px solid #888;
-                font-family:'JetBrains Mono', monospace;color:#ccc;font-size:14px;">
-    Pensou por {elapsed:.1f} segundos
+            font-family:'JetBrains Mono', monospace;color:#ccc;font-size:14px;">
+        Pensou por {elapsed:.1f} segundos
     </div>
     """
 
@@ -96,7 +113,7 @@ def respond(message, history, system_message, max_tokens, temperature, top_p):
 demo = gr.ChatInterface(
     fn=respond,
     title="λambdAI",
-    theme=gr.themes.Base(),
+    theme=theme,
     css=css,
     additional_inputs=[
         gr.Textbox(value="", label="System Message"),