Upload folder using huggingface_hub

deep_research.py

@@ -384,15 +384,15 @@ custom_css = """
     font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
 }
 
-/* Ensure good contrast for all text inputs */
+/* Light theme styles for text inputs */
 .gradio-container input[type="text"],
 .gradio-container textarea {
-    background-color: #4b5563 !important;
-    border: 2px solid #6b7280 !important;
+    background-color: #ffffff !important;
+    border: 2px solid #d1d5db !important;
     border-radius: 8px !important;
     padding: 12px !important;
     font-size: 14px !important;
-    color: #f9fafb !important;
+    color: #374151 !important;
     font-weight: 400 !important;
     line-height: 1.5 !important;
     transition: border-color 0.2s ease !important;
@@ -408,11 +408,24 @@ custom_css = """
 /* Placeholder styling for all inputs */
 .gradio-container input[type="text"]::placeholder,
 .gradio-container textarea::placeholder {
-    color: #9ca3af !important;
+    color: #6b7280 !important;
     opacity: 0.8 !important;
     font-style: italic !important;
 }
 
+/* Dark theme styles for text inputs */
+.gradio-container.dark input[type="text"],
+.gradio-container.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 {
+    color: #9ca3af !important;
+}
+
 /* Simple button styling with good contrast */
 .gradio-container button {
     border-radius: 8px !important;
@@ -447,24 +460,24 @@ button[variant="secondary"]:hover {
     border-color: #9ca3af !important;
 }
 
-/* Theme-adaptive section styling */
+/* Theme-adaptive section styling - Light theme */
 .clarification-section {
-    border: 2px solid var(--border-color-primary, #e5e7eb) !important;
+    border: 2px solid #e5e7eb !important;
     border-radius: 12px !important;
     padding: 20px !important;
     margin: 16px 0 !important;
-    background-color: var(--background-fill-secondary, #f8fafc) !important;
-    color: var(--body-text-color, #374151) !important;
+    background-color: #ffffff !important;
+    color: #374151 !important;
 }
 
 .clarification-section * {
-    color: inherit !important;
+    color: #374151 !important;
 }
 
 .clarification-section h1, 
 .clarification-section h2, 
 .clarification-section h3 {
-    color: inherit !important;
+    color: #374151 !important;
     font-weight: 600 !important;
 }
 
@@ -485,13 +498,13 @@ button[variant="secondary"]:hover {
     color: #ffffff !important;
 }
 
-/* Clean answer box */
+/* Clean answer box - Light theme */
 .answer-textbox {
-    background-color: #4b5563 !important;
-    border: 2px solid #6b7280 !important;
+    background-color: #ffffff !important;
+    border: 2px solid #d1d5db !important;
     border-radius: 8px !important;
     padding: 12px !important;
-    color: #d1d5db !important;
+    color: #374151 !important;
     line-height: 1.5 !important;
 }
 
@@ -502,9 +515,9 @@ button[variant="secondary"]:hover {
 
 /* Target the actual textarea element inside answer-textbox */
 .answer-textbox textarea {
-    background-color: #4b5563 !important;
-    color: #f9fafb !important;
-    border: 2px solid #6b7280 !important;
+    background-color: #ffffff !important;
+    color: #374151 !important;
+    border: 2px solid #d1d5db !important;
     border-radius: 8px !important;
     padding: 12px !important;
     font-size: 14px !important;
@@ -517,37 +530,62 @@ button[variant="secondary"]:hover {
     box-shadow: 0 0 0 3px rgba(96, 165, 250, 0.2) !important;
 }
 
-/* Make sure placeholder text is visible on dark background */
+/* Light theme placeholder text */
 .answer-textbox textarea::placeholder {
-    color: #9ca3af !important;
+    color: #6b7280 !important;
     opacity: 0.8 !important;
     font-style: italic !important;
 }
 
-/* Make all textareas have proper white text */
+/* Make all textareas have proper text color for light theme */
 .gradio-container textarea {
-    color: #f9fafb !important;
+    color: #374151 !important;
 }
 
 .answer-textbox::placeholder {
-    color: #9ca3af !important;
+    color: #6b7280 !important;
     opacity: 0.9 !important;
 }
 
-/* Theme-adaptive results display */
+/* Dark theme styles for answer box */
+.gradio-container.dark .answer-textbox {
+    background-color: #4b5563 !important;
+    border: 2px solid #6b7280 !important;
+    color: #d1d5db !important;
+}
+
+.gradio-container.dark .answer-textbox textarea {
+    background-color: #4b5563 !important;
+    color: #f9fafb !important;
+    border: 2px solid #6b7280 !important;
+}
+
+.gradio-container.dark .answer-textbox textarea::placeholder {
+    color: #9ca3af !important;
+}
+
+.gradio-container.dark textarea {
+    color: #f9fafb !important;
+}
+
+.gradio-container.dark .answer-textbox::placeholder {
+    color: #9ca3af !important;
+}
+
+/* Theme-adaptive results display - Light theme */
 .results-display {
-    border: 2px solid var(--border-color-primary, #e5e7eb) !important;
+    border: 2px solid #e5e7eb !important;
     border-radius: 8px !important;
     padding: 16px !important;
     margin: 12px 0 !important;
     line-height: 1.6 !important;
-    background-color: var(--background-fill-secondary, #f8fafc) !important;
-    color: var(--body-text-color, #374151) !important;
+    background-color: #ffffff !important;
+    color: #374151 !important;
 }
 
-/* Make sure markdown in results display adapts to theme */
+/* Make sure markdown in results display uses proper colors for light theme */
 .results-display * {
-    color: inherit !important;
+    color: #374151 !important;
 }
 
 /* Dark theme specific styles */