ui/theme.py

import gradio as gr

def build_champ_theme() -> gr.Theme:
    return gr.themes.Base(
        primary_hue=gr.themes.colors.yellow,
        secondary_hue=gr.themes.colors.orange,
        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"],
    )

CHAMP_CSS = """
@import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&family=VT323:wght@400&display=swap');
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; }
"""