Space: theme-independent parchment (no theme redirect), full 47-char roster, fonts via Gradio vars

- Drop the ?__theme=light redirect; override Gradio's colour + font CSS vars with
!important so it renders parchment + ink in BOTH light and dark OS modes (dark
mode was turning text white). The redirect also hid dark mode from testing.
- Ship auto-battler's FULL character manifest (47 chars, 7 packs) + curate all
~1 MB of sheets, so the roster matches the app instead of a 10-char subset.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

app.py

@@ -39,32 +39,42 @@ WEB = os.path.join(HERE, "web")
 # every tab button present so the sidebar can drive navigation on any viewport.
 HIDE_TABS = ('<style>.tab-container[role="tablist"]{position:absolute!important;'
              'left:-99999px!important;top:0!important;width:1400px!important;}</style>')
-# Load auto-battler's fonts + a parchment theme so the whole Space mirrors the app
-# (Gradio's default is Montserrat on light grey). Applied with !important to beat
-# Gradio's own theme.css; component cards/inputs keep their styling on top.
+# Auto-battler's fonts.
 FONTS = ('<link rel="preconnect" href="https://fonts.googleapis.com">'
          '<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>'
          '<link rel="stylesheet" href="https://fonts.googleapis.com/css2?'
-         'family=Fraunces:opsz,wght@9..144,400..900&family=JetBrains+Mono:wght@400;500;700&'
+         'family=JetBrains+Mono:wght@400;500;700&'
          'family=Space+Grotesk:wght@400;500;600;700&display=swap">')
+# Parchment theme, applied THEME-INDEPENDENTLY: we override Gradio's own colour +
+# font CSS variables with `!important`, so the app renders identically whether the
+# OS is in light or DARK mode (Gradio's dark mode turns text white #f3f4f6, which
+# was unreadable on parchment). No `?__theme=` redirect — that was fragile and hid
+# dark mode from testing. The vars below are Gradio's theme tokens; overriding them
+# at the root cascades to every component.
+PALETTE = (
+    "--body-background-fill:#f3ebdc;--background-fill-primary:#f3ebdc;"
+    "--background-fill-secondary:#ece2cc;--body-text-color:#141821;"
+    "--body-text-color-subdued:#6d6a5f;--block-background-fill:#fbf6ea;"
+    "--block-label-text-color:#141821;--block-title-text-color:#141821;"
+    "--input-background-fill:#fbf6ea;--input-text-color:#141821;"
+    "--border-color-primary:#cdbf9e;--neutral-200:#ece2cc;"
+    "--button-secondary-background-fill:#ece2cc;--button-secondary-text-color:#141821;"
+    "--link-text-color:#d8271a;"
+    "--font:'Space Grotesk',-apple-system,BlinkMacSystemFont,sans-serif;"
+    "--font-mono:'JetBrains Mono',ui-monospace,Menlo,monospace;"
+)
+# !important on each token so they beat Gradio's light AND dark definitions.
+PALETTE_IMP = ";".join(p + " !important" for p in PALETTE.rstrip(";").split(";")) + ";"
 THEME = ('<style>'
-         'body,gradio-app,.gradio-container{background:#f3ebdc !important;color:#141821;'
-         "font-family:'Space Grotesk',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif !important;}"
-         ".gradio-container h1{font-family:'Fraunces',Georgia,serif !important;color:#141821;}"
+         f'body,gradio-app,.gradio-container,.gradio-container.dark,.dark{{{PALETTE_IMP}}}'
+         "body,gradio-app,.gradio-container{background:#f3ebdc !important;color:#141821 !important;"
+         "font-family:'Space Grotesk',-apple-system,sans-serif !important;}"
          # Sprite tab: picker = unframed sidebar, canvas = the framed pixi stage.
          '#sprite-stage .movement-picker{border-right:0;}'
          '#sprite-stage .movement-stage{border:2px solid #141821;}'
          '</style>')
-# Force Gradio's LIGHT theme. Gradio honours the OS dark mode, where its text goes
-# white (#f3f4f6) — unreadable on our parchment background. Redirecting to
-# `?__theme=light` makes it use light component backgrounds + dark text everywhere.
-# The session guard prevents a redirect loop if the query were ever stripped.
-FORCE_LIGHT = ('<script>(function(){try{var u=new URL(location.href);'
-               "if(u.searchParams.get('__theme')!=='light'&&!sessionStorage.getItem('ta_themed')){"
-               "sessionStorage.setItem('ta_themed','1');u.searchParams.set('__theme','light');"
-               'location.replace(u.href);}}catch(e){}})();</script>')
 HEAD = ('<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">'
-        + FORCE_LIGHT + HIDE_TABS + FONTS + THEME +
+        + HIDE_TABS + FONTS + THEME +
         '<link rel="stylesheet" href="/web/shell/sidebar.css">'
         '<link rel="stylesheet" href="/web/shell/spriteScene.css">'
         '<script type="module" src="/web/tiny.js"></script>'

build.sh

@@ -21,8 +21,9 @@ mkdir -p web/shell
 cp "$AB/src/shell/nav.json" "$AB/src/shell/sidebar.css" "$AB/src/shell/sidebar.js" web/shell/
 cp "$AB/src/render/spriteScene.css" web/shell/spriteScene.css
 
-# 3. Assets → curate the referenced sheets (shadows/extras/companions) for the
-#    curated characters from the full auto-battler set.
+# 3. Assets → use auto-battler's FULL character manifest (so the Space lists every
+#    character, like the app) and curate every sheet it references (~1 MB).
+cp "$AB/public/assets/characters.json" web/assets/characters.json
 AB="$AB" python3 curate_assets.py
 
 echo "synced web/{engine,sheet,scene}.js + web/shell/* + assets from $AB"