Upload folder using huggingface_hub

app.py

@@ -1115,25 +1115,10 @@ def create_similarity_visualization(result):
 # ============================================================================
 
 custom_css = """
-/* ===== FORCE DARK MODE FOR BOTH LIGHT AND DARK THEMES ===== */
-:root, html, body, .gradio-container, .main, .app, [data-testid="block-container"] {
-    background: linear-gradient(180deg, #0a0a1a 0%, #0f0f23 100%) !important;
-    background-color: #0a0a1a !important;
-    color: #ffffff !important;
-}
-
-/* Force dark background on all containers */
-.gradio-container, .gradio-container *, .main, .main *, .app, .app * {
-    background-color: transparent !important;
-}
-
-/* Force dark text colors */
-.gradio-container label, .gradio-container p, .gradio-container span,
-.gradio-container div:not(.card):not(.terminal-window):not([class*="button"]) {
-    color: #ffffff !important;
-}
+/* ===== DARK THEME STYLING ===== */
+/* Note: Dark mode is forced via JavaScript (force_dark_mode_js) using URL parameter ?__theme=dark */
+/* This CSS provides the visual styling for dark mode */
 
-/* ===== FORCE DARK MODE ===== */
 :root {
     color-scheme: dark !important;
 }
@@ -1145,10 +1130,6 @@ body {
     font-family: system-ui, -apple-system, sans-serif;
 }
 
-.dark, [data-theme="dark"] {
-    color-scheme: dark !important;
-}
-
 .gradio-container {
     max-width: 100% !important;
     width: 100% !important;
@@ -2072,7 +2053,23 @@ button.custom-action-btn:hover,
 }
 """
 
-with gr.Blocks() as demo:
+# JavaScript to force dark mode on page load
+force_dark_mode_js = """
+function() {
+    // Force dark mode via URL parameter if not already set
+    const url = new URL(window.location);
+    if (url.searchParams.get('__theme') !== 'dark') {
+        url.searchParams.set('__theme', 'dark');
+        window.location.href = url.href;
+    }
+    // Also add dark class to body as a fallback
+    document.body.classList.add('dark');
+    // Set data-theme attribute
+    document.documentElement.setAttribute('data-theme', 'dark');
+}
+"""
+
+with gr.Blocks(js=force_dark_mode_js) as demo:
     # Inject custom CSS and decorative elements (positioned fixed, no DOM space)
     gr.HTML(f"""
     <style>{custom_css}</style>