Update app.py

app.py

@@ -27,6 +27,39 @@ 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 */
+}
+#input-container {
+    background-color: #2e2e2e; /* Dark input container */
+    border: 1px solid #444;    /* Dark border */
+    border-radius: 20px;       /* Rounded corners */
+}
+#message-input {
+    background-color: #3e3e3e; /* Dark input field */
+    color: white;              /* Light text color */
+}
+#send-button {
+    color: #007BFF;            /* Button text color */
+    border: none;              /* No border */
+    background: none;         /* No background */
+    cursor: pointer;           /* Pointer cursor */
+    padding: 0;                /* No padding */
+    margin-left: -5px;         /* Overlap with input */
+}
+"""
+
+# 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:
@@ -36,11 +69,9 @@ def create_interface():
         chatbox = gr.Textbox(label="", interactive=False, elem_id="chatbox", lines=12)
 
         # Input field with button inside
-        with gr.Row():
-            with gr.Column(scale=1):  # Input field takes most of the space
-                message = gr.Textbox(placeholder="Type a message...", lines=1, show_label=False)
-            with gr.Column(scale=0):  # Button takes minimal space
-                send_btn = gr.Button("➤", elem_id="send-button", scale=0.5)  # Smaller button
+        with gr.Row(elem_id="input-container"):
+            message = gr.Textbox(placeholder="Type a message...", elem_id="message-input", lines=1, show_label=False)
+            send_btn = gr.Button("➤", elem_id="send-button")  # Button inside the input box
 
         # Settings section
         with gr.Accordion("⚙️ Settings", open=False):