Upload folder using huggingface_hub

gradio_app.py

@@ -302,10 +302,10 @@ def create_gradio_interface():
             display: flex !important;
         }
         
-        /* Modal Content - with dark mode support */
+        /* Modal Content - consistent light theme */
         .modal-content {
-            background: var(--background-fill-primary, #fefcfa) !important;
-            border: 2px solid var(--border-color-primary, #f0c5b8) !important;
+            background: #fefcfa !important;
+            border: 2px solid #f0c5b8 !important;
             border-radius: 16px !important;
             max-width: 90vw !important;
             max-height: 80vh !important;
@@ -314,7 +314,7 @@ def create_gradio_interface():
             box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5) !important;
             overflow: hidden !important;
             flex-direction: column !important;
-            color: var(--body-text-color, #2d3748) !important;
+            color: #2d3748 !important;
         }
         
         /* Modal Header */
@@ -323,19 +323,19 @@ def create_gradio_interface():
             align-items: center !important;
             margin-bottom: 1rem !important;
             padding-bottom: 1rem !important;
-            border-bottom: 1px solid var(--border-color-primary, #f0c5b8) !important;
+            border-bottom: 1px solid #f0c5b8 !important;
         }
         
         .modal-header h3 {
-            color: var(--body-text-color, #2d3748) !important;
+            color: #2d3748 !important;
             margin: 0 !important;
         }
         
-        /* Modal Close Button - dark mode friendly */
+        /* Modal Close Button */
         .modal-close-btn {
-            background: var(--button-secondary-background-fill, #f4e6e1) !important;
-            border: 1px solid var(--button-secondary-border-color, #e8a491) !important;
-            color: var(--button-secondary-text-color, #5a3a2a) !important;
+            background: #f4e6e1 !important;
+            border: 1px solid #e8a491 !important;
+            color: #5a3a2a !important;
             font-weight: 700 !important;
             font-size: 1.2rem !important;
             padding: 0.4rem 0.6rem !important;
@@ -347,103 +347,19 @@ def create_gradio_interface():
         }
         
         .modal-close-btn:hover {
-            background: var(--button-secondary-background-fill-hover, #f0c5b8) !important;
+            background: #f0c5b8 !important;
         }
         
-        /* Prompt Container - dark mode friendly */
+        /* Prompt Container */
         .prompt-container {
-            background: var(--input-background-fill, #fcf3f0) !important;
-            border: 1px solid var(--input-border-color, #f0c5b8) !important;
+            background: #fcf3f0 !important;
+            border: 1px solid #f0c5b8 !important;
             border-radius: 8px !important;
             max-height: 400px !important;
             overflow-y: auto !important;
             flex: 1 !important;
         }
         
-        /* 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;
-                color: #e5e5e5 !important;
-            }
-            
-            .modal-header {
-                border-bottom: 1px solid #404040 !important;
-            }
-            
-            .modal-header h3 {
-                color: #e5e5e5 !important;
-            }
-            
-            .modal-close-btn {
-                background: #404040 !important;
-                border: 1px solid #666 !important;
-                color: #e5e5e5 !important;
-            }
-            
-            .modal-close-btn:hover {
-                background: #555 !important;
-            }
-            
-            .prompt-container {
-                background: #2a2a2a !important;
-                border: 1px solid #404040 !important;
-            }
-        }
-        
-        /* 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 {