Update app.py

app.py

@@ -40,6 +40,30 @@ def respond(
         yield response
 
 
+# CSS for styling the interface
+css = """
+body {
+    background-color: #121212; /* Dark background */
+    color: white; /* Text color for better visibility */
+}
+
+.gr-button {
+    background-color: white !important; /* White button color */
+    color: black !important; /* Black text for contrast */
+    border: none !important;
+    padding: 8px 16px !important;
+    border-radius: 5px !important;
+}
+
+.gr-button:hover {
+    background-color: #e0e0e0 !important; /* Slightly lighter button on hover */
+}
+
+.gr-slider-container {
+    color: white !important; /* Slider labels in white */
+}
+"""
+
 """
 For information on how to customize the ChatInterface, peruse the gradio docs: https://www.gradio.app/docs/chatinterface
 """
@@ -57,6 +81,7 @@ demo = gr.ChatInterface(
             label="Top-p (nucleus sampling)",visible=False
         ),
     ],
+    css=css,  # Pass the custom CSS here
 )