Upload folder using huggingface_hub

gradio_app.py

@@ -360,8 +360,12 @@ def create_gradio_interface():
             flex: 1 !important;
         }
         
-        /* Dark mode specific overrides */
-        @media (prefers-color-scheme: dark) {
+        /* Dark mode specific overrides - both system and Gradio dark mode */
+        @media (prefers-color-scheme: dark),
+        .dark .modal-content,
+        .gradio-container.dark .modal-content,
+        html.dark .modal-content,
+        body.dark .modal-content {
             .modal-content {
                 background: #1a1a1a !important;
                 border: 2px solid #404040 !important;
@@ -392,6 +396,54 @@ def create_gradio_interface():
             }
         }
         
+        /* Gradio dark mode specific targeting */
+        .dark .modal-content,
+        .gradio-container.dark .modal-content,
+        html.dark .modal-content,
+        body.dark .modal-content {
+            background: #1a1a1a !important;
+            border: 2px solid #404040 !important;
+            color: #e5e5e5 !important;
+        }
+        
+        .dark .modal-header,
+        .gradio-container.dark .modal-header,
+        html.dark .modal-header,
+        body.dark .modal-header {
+            border-bottom: 1px solid #404040 !important;
+        }
+        
+        .dark .modal-header h3,
+        .gradio-container.dark .modal-header h3,
+        html.dark .modal-header h3,
+        body.dark .modal-header h3 {
+            color: #e5e5e5 !important;
+        }
+        
+        .dark .modal-close-btn,
+        .gradio-container.dark .modal-close-btn,
+        html.dark .modal-close-btn,
+        body.dark .modal-close-btn {
+            background: #404040 !important;
+            border: 1px solid #666 !important;
+            color: #e5e5e5 !important;
+        }
+        
+        .dark .modal-close-btn:hover,
+        .gradio-container.dark .modal-close-btn:hover,
+        html.dark .modal-close-btn:hover,
+        body.dark .modal-close-btn:hover {
+            background: #555 !important;
+        }
+        
+        .dark .prompt-container,
+        .gradio-container.dark .prompt-container,
+        html.dark .prompt-container,
+        body.dark .prompt-container {
+            background: #2a2a2a !important;
+            border: 1px solid #404040 !important;
+        }
+        
         
         
         .generate-btn:hover {