Update app.py

app.py

@@ -477,22 +477,49 @@ with gr.Blocks(css="""
         color: white;
     }
     
-    input, select, textarea {
+    input, select, textarea, .gr-slider .noUi-target {
         background-color: #2b2b2b;
         color: white;
         border: 1px solid #333;
     }
     
-    button {
+    .gr-slider .noUi-handle {
+        background-color: #444;
+        border: 1px solid #888;
+    }
+    
+    .gr-slider .noUi-connect {
+        background-color: #555;
+    }
+
+    .gr-button, button {
         background-color: #333;
         color: white;
         border: 1px solid #555;
     }
 
-    button:hover {
+    .gr-button:hover, button:hover {
         background-color: #555;
     }
 
+    /* Style for dropdowns */
+    select {
+        background-color: #333;
+        color: white;
+        border: 1px solid #555;
+    }
+
+    /* Dark mode sliders */
+    .noUi-connect {
+        background-color: #555;  /* Line connecting slider handles */
+    }
+
+    .noUi-horizontal .noUi-handle {
+        background-color: #666;  /* Handles */
+        border: 1px solid #888;
+    }
+
+    /* Style the slider containers */
     .slider-container {
         display: inline-block;
         margin-right: 50px;