first init

app.py

@@ -431,12 +431,23 @@ footer { visibility: hidden }
 }
 """
 
-with gr.Blocks(theme=gr.themes.Default(primary_hue="purple", secondary_hue="blue").set(
-    body_background_fill="*neutral_950",
-    body_background_fill_dark="*neutral_950",
-    button_primary_background_fill="*primary_500",
-    button_primary_background_fill_hover="*primary_600",
-), css=css, title="🦀 MedCrab Translation") as demo:
+# JavaScript to force dark mode
+js = """
+function() {
+    // Force dark mode
+    const rootEl = document.querySelector('gradio-app');
+    if (rootEl && rootEl.shadowRoot) {
+        const container = rootEl.shadowRoot.querySelector('.gradio-container');
+        if (container) {
+            container.classList.add('dark');
+        }
+    }
+    // Also try direct approach
+    document.body.classList.add('dark');
+}
+"""
+
+with gr.Blocks(theme=gr.themes.Soft(), css=css, js=js, title="🦀 MedCrab Translation") as demo:
     
     gr.Markdown("""
     <div class="main-title">