Force dark mode

app.py

@@ -48,6 +48,18 @@ BIBTEX = """@misc{dipta2026oraclezoomonpolicyselfdistillationinspired,
   url           = {https://arxiv.org/abs/2609.06490}
 }"""
 
+# Dark only. Gradio otherwise follows the visitor's system setting, and the light theme washes
+# the amber accents out against the photos. One redirect on first load, then it sticks.
+FORCE_DARK = """
+() => {
+  const url = new URL(window.location);
+  if (url.searchParams.get('__theme') !== 'dark') {
+    url.searchParams.set('__theme', 'dark');
+    window.location.replace(url.href);
+  }
+}
+"""
+
 CSS = """
 #hero video {border-radius:12px}
 .contain {max-width:1400px !important}
@@ -181,7 +193,7 @@ def _example_scale_options():
     return scale_choices(len(EXAMPLE_LEVELS) - 1)
 
 
-with gr.Blocks(theme=gr.themes.Soft(primary_hue="amber"), css=CSS,
+with gr.Blocks(theme=gr.themes.Soft(primary_hue="amber"), css=CSS, js=FORCE_DARK,
                title="OracleZoom: zoom past 256x") as demo:
     gr.HTML(HEADER)
     # Inputs down the left, results down the right. Both columns carry real content the whole