Upload folder using huggingface_hub

deep_research.py

@@ -413,19 +413,42 @@ custom_css = """
     font-style: italic !important;
 }
 
-/* Dark theme styles for text inputs */
+/* Dark theme styles for text inputs - Multiple selectors for compatibility */
 .gradio-container.dark input[type="text"],
-.gradio-container.dark textarea {
+.gradio-container.dark textarea,
+[data-testid="container"].dark input[type="text"],
+[data-testid="container"].dark textarea,
+.dark input[type="text"],
+.dark textarea {
     background-color: #4b5563 !important;
     border: 2px solid #6b7280 !important;
     color: #f9fafb !important;
 }
 
 .gradio-container.dark input[type="text"]::placeholder,
-.gradio-container.dark textarea::placeholder {
+.gradio-container.dark textarea::placeholder,
+[data-testid="container"].dark input[type="text"]::placeholder,
+[data-testid="container"].dark textarea::placeholder,
+.dark input[type="text"]::placeholder,
+.dark textarea::placeholder {
     color: #9ca3af !important;
 }
 
+/* Additional dark theme detection via media query */
+@media (prefers-color-scheme: dark) {
+    .gradio-container input[type="text"],
+    .gradio-container textarea {
+        background-color: #4b5563 !important;
+        border: 2px solid #6b7280 !important;
+        color: #f9fafb !important;
+    }
+    
+    .gradio-container input[type="text"]::placeholder,
+    .gradio-container textarea::placeholder {
+        color: #9ca3af !important;
+    }
+}
+
 /* Simple button styling with good contrast */
 .gradio-container button {
     border-radius: 8px !important;
@@ -481,23 +504,46 @@ button[variant="secondary"]:hover {
     font-weight: 600 !important;
 }
 
-/* Dark theme specific styles for clarification section */
-.gradio-container.dark .clarification-section {
+/* Dark theme specific styles for clarification section - Multiple selectors */
+.gradio-container.dark .clarification-section,
+[data-testid="container"].dark .clarification-section,
+.dark .clarification-section {
     background-color: #374151 !important;
     border-color: #4b5563 !important;
     color: #ffffff !important;
 }
 
-.gradio-container.dark .clarification-section * {
+.gradio-container.dark .clarification-section *,
+[data-testid="container"].dark .clarification-section *,
+.dark .clarification-section * {
     color: #ffffff !important;
 }
 
 .gradio-container.dark .clarification-section h1,
 .gradio-container.dark .clarification-section h2,
-.gradio-container.dark .clarification-section h3 {
+.gradio-container.dark .clarification-section h3,
+[data-testid="container"].dark .clarification-section h1,
+[data-testid="container"].dark .clarification-section h2,
+[data-testid="container"].dark .clarification-section h3,
+.dark .clarification-section h1,
+.dark .clarification-section h2,
+.dark .clarification-section h3 {
     color: #ffffff !important;
 }
 
+/* Additional dark theme detection for clarification section via media query */
+@media (prefers-color-scheme: dark) {
+    .clarification-section {
+        background-color: #374151 !important;
+        border-color: #4b5563 !important;
+        color: #ffffff !important;
+    }
+    
+    .clarification-section * {
+        color: #ffffff !important;
+    }
+}
+
 /* Clean answer box - Light theme */
 .answer-textbox {
     background-color: #ffffff !important;
@@ -547,31 +593,64 @@ button[variant="secondary"]:hover {
     opacity: 0.9 !important;
 }
 
-/* Dark theme styles for answer box */
-.gradio-container.dark .answer-textbox {
+/* Dark theme styles for answer box - Multiple selectors for compatibility */
+.gradio-container.dark .answer-textbox,
+[data-testid="container"].dark .answer-textbox,
+.dark .answer-textbox {
     background-color: #4b5563 !important;
     border: 2px solid #6b7280 !important;
     color: #d1d5db !important;
 }
 
-.gradio-container.dark .answer-textbox textarea {
+.gradio-container.dark .answer-textbox textarea,
+[data-testid="container"].dark .answer-textbox textarea,
+.dark .answer-textbox textarea {
     background-color: #4b5563 !important;
     color: #f9fafb !important;
     border: 2px solid #6b7280 !important;
 }
 
-.gradio-container.dark .answer-textbox textarea::placeholder {
+.gradio-container.dark .answer-textbox textarea::placeholder,
+[data-testid="container"].dark .answer-textbox textarea::placeholder,
+.dark .answer-textbox textarea::placeholder {
     color: #9ca3af !important;
 }
 
-.gradio-container.dark textarea {
+.gradio-container.dark textarea,
+[data-testid="container"].dark textarea,
+.dark textarea {
     color: #f9fafb !important;
 }
 
-.gradio-container.dark .answer-textbox::placeholder {
+.gradio-container.dark .answer-textbox::placeholder,
+[data-testid="container"].dark .answer-textbox::placeholder,
+.dark .answer-textbox::placeholder {
     color: #9ca3af !important;
 }
 
+/* Additional dark theme detection for answer box via media query */
+@media (prefers-color-scheme: dark) {
+    .answer-textbox {
+        background-color: #4b5563 !important;
+        border: 2px solid #6b7280 !important;
+        color: #d1d5db !important;
+    }
+    
+    .answer-textbox textarea {
+        background-color: #4b5563 !important;
+        color: #f9fafb !important;
+        border: 2px solid #6b7280 !important;
+    }
+    
+    .answer-textbox textarea::placeholder {
+        color: #9ca3af !important;
+    }
+    
+    .gradio-container textarea {
+        color: #f9fafb !important;
+    }
+}
+
 /* Theme-adaptive results display - Light theme */
 .results-display {
     border: 2px solid #e5e7eb !important;
@@ -588,17 +667,34 @@ button[variant="secondary"]:hover {
     color: #374151 !important;
 }
 
-/* Dark theme specific styles */
-.gradio-container.dark .results-display {
+/* Dark theme specific styles for results display - Multiple selectors */
+.gradio-container.dark .results-display,
+[data-testid="container"].dark .results-display,
+.dark .results-display {
     background-color: #374151 !important;
     border-color: #4b5563 !important;
     color: #ffffff !important;
 }
 
-.gradio-container.dark .results-display * {
+.gradio-container.dark .results-display *,
+[data-testid="container"].dark .results-display *,
+.dark .results-display * {
     color: #ffffff !important;
 }
 
+/* Additional dark theme detection for results display via media query */
+@media (prefers-color-scheme: dark) {
+    .results-display {
+        background-color: #374151 !important;
+        border-color: #4b5563 !important;
+        color: #ffffff !important;
+    }
+    
+    .results-display * {
+        color: #ffffff !important;
+    }
+}
+
 /* Style links in results display for visibility */
 .results-display a {
     color: #60a5fa !important;