Upload folder using huggingface_hub

gradio_app.py

@@ -1050,6 +1050,40 @@ def create_gradio_interface():
             color: #e5e5e5 !important;
             border: 2px solid #404040 !important;
         }
+        
+        /* Specific dropdown structure targeting - system dark mode */
+        @media (prefers-color-scheme: dark) {
+            .wrap.svelte-1hfxrpf,
+            .wrap-inner.svelte-1hfxrpf,
+            .secondary-wrap.svelte-1hfxrpf,
+            input[role="listbox"].svelte-1hfxrpf {
+                background: #2a2a2a !important;
+                color: #e5e5e5 !important;
+                border-color: #404040 !important;
+            }
+        }
+        
+        /* Specific dropdown structure targeting - Gradio dark mode */
+        .dark .wrap.svelte-1hfxrpf,
+        .dark .wrap-inner.svelte-1hfxrpf,
+        .dark .secondary-wrap.svelte-1hfxrpf,
+        .dark input[role="listbox"].svelte-1hfxrpf,
+        .gradio-container.dark .wrap.svelte-1hfxrpf,
+        .gradio-container.dark .wrap-inner.svelte-1hfxrpf,
+        .gradio-container.dark .secondary-wrap.svelte-1hfxrpf,
+        .gradio-container.dark input[role="listbox"].svelte-1hfxrpf,
+        html.dark .wrap.svelte-1hfxrpf,
+        html.dark .wrap-inner.svelte-1hfxrpf,
+        html.dark .secondary-wrap.svelte-1hfxrpf,
+        html.dark input[role="listbox"].svelte-1hfxrpf,
+        body.dark .wrap.svelte-1hfxrpf,
+        body.dark .wrap-inner.svelte-1hfxrpf,
+        body.dark .secondary-wrap.svelte-1hfxrpf,
+        body.dark input[role="listbox"].svelte-1hfxrpf {
+            background: #2a2a2a !important;
+            color: #e5e5e5 !important;
+            border-color: #404040 !important;
+        }
         </script>
         
         <script>