Update app.py

app.py

@@ -27,27 +27,53 @@ def call_api(message, model, preset):
     except Exception as e:
         return f"Error: {str(e)}"
 
+# Dark mode CSS
+dark_css = """
+.gradio-container {
+    background-color: #1e1e1e; /* Dark background */
+    color: white;              /* Light text color */
+}
+#chatbox {
+    background-color: #2e2e2e; /* Dark chatbox */
+    color: white;              /* Light text color */
+}
+"""
+
+# Function to toggle dark mode
+def toggle_dark_mode(is_dark):
+    return dark_css if is_dark else ""
+
 # Create Gradio interface
 def create_interface():
-    with gr.Blocks() as demo:
+    with gr.Blocks(css=dark_css) as demo:
         gr.Markdown("## 💬 Chatbot")
 
         # Chat display area
-        chatbox = gr.Textbox(label="", interactive=False, lines=12)
-
-        # Input box for user messages
-        user_input = gr.Textbox(label="Type your message here...", placeholder="Enter your message...", lines=1)
+        chatbox = gr.Textbox(label="", interactive=False, elem_id="chatbox", lines=12)
 
-        # Send button
-        send_button = gr.Button("Send")
+        # Input area
+        with gr.Row():
+            user_input = gr.Textbox(label="Type your message here...", placeholder="Enter your message...", interactive=True)
+            send_button = gr.Button("Send")
 
         # Settings section
         with gr.Accordion("⚙️ Settings", open=False):
             model = gr.Dropdown(choices=["Lake 1 Base"], label="Model", value="Lake 1 Base")
             preset = gr.Dropdown(choices=["Fast", "Normal", "Quality", "Unreal Performance"], label="Preset", value="Fast")
+            dark_mode = gr.Checkbox(label="Enable Dark Mode", value=False)
+
+        # Change CSS based on dark mode toggle
+        dark_mode.change(lambda x: demo.css.update(toggle_dark_mode(x)), inputs=[dark_mode])
 
         # Define the action for the send button
-        send_button.click(fn=call_api, inputs=[user_input, model, preset], outputs=chatbox)
+        def send_message(message):
+            if message:
+                response = call_api(message, model.value, preset.value)
+                return f"You: {message}\nBot: {response}"
+            return ""
+
+        # Connect the send button to the send_message function
+        send_button.click(send_message, inputs=user_input, outputs=chatbox)
 
     return demo