fix: theme compatible with gradio 5 (remove .set() CSS vars)

ui/theme.py

@@ -7,21 +7,16 @@ def build_champ_theme() -> gr.Theme:
         neutral_hue=gr.themes.colors.slate,
         font=[gr.themes.GoogleFont("Press Start 2P"), gr.themes.GoogleFont("VT323"), "monospace"],
         font_mono=[gr.themes.GoogleFont("VT323"), "monospace"],
-    ).set(
-        body_background_fill="#0d0d0d", body_background_fill_dark="#0d0d0d",
-        block_background_fill="#1a1a2e", block_background_fill_dark="#1a1a2e",
-        block_border_color="#ffd700", block_border_color_dark="#ffd700",
-        body_text_color="#e0e0e0", body_text_color_dark="#e0e0e0",
-        button_primary_background_fill="#ffd700",
-        button_primary_background_fill_hover="#ffaa00",
-        button_primary_text_color="#0d0d0d",
-        input_background_fill="#16213e", input_background_fill_dark="#16213e",
-        input_border_color="#ffd700",
     )
 
 CHAMP_CSS = """
 @import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&family=VT323:wght@400&display=swap');
-body { background-color: #0d0d0d !important; }
-.gradio-container { max-width: 960px; margin: 0 auto; font-family: 'VT323', monospace; }
+body, .gradio-container { background-color: #0d0d0d !important; }
+.gradio-container { max-width: 960px; margin: 0 auto; }
 h1, h2, h3 { font-family: 'Press Start 2P', cursive; color: #ffd700; text-shadow: 0 0 10px #ffd700aa; }
+.svelte-1ipelgc, label, .label-wrap { font-family: 'VT323', monospace !important; }
+.block { background: #1a1a2e !important; border-color: #ffd700 !important; }
+button.primary { background: #ffd700 !important; color: #0d0d0d !important; }
+button.primary:hover { background: #ffaa00 !important; }
+input, textarea, select { background: #16213e !important; border-color: #ffd700 !important; color: #e0e0e0 !important; }
 """