try new style

app.py

@@ -2,6 +2,7 @@ import gradio as gr
 import pandas as pd
 from apscheduler.schedulers.background import BackgroundScheduler
 from gradio_leaderboard import ColumnFilter, Leaderboard, SelectColumns
+from gradio.themes import Base, colors, sizes
 from huggingface_hub import whoami
 
 from src.about import CITATION_BUTTON_LABEL, CITATION_BUTTON_TEXT, EVALUATION_QUEUE_TEXT, INTRODUCTION_TEXT, TITLE
@@ -159,7 +160,26 @@ def gate_submission(profile: gr.OAuthProfile | None):
     return gr.update(visible=False), gr.update(visible=True)
 
 
-blocks = gr.Blocks(css=custom_css)
+cyber_theme = Base(
+    # neon-ish accents driven by hues (affects tabs, primary buttons, sliders, etc.)
+    primary_hue=colors.cyan,  # selected tab / primary controls
+    secondary_hue=colors.pink,  # secondary accents
+    neutral_hue=colors.gray,  # keep neutrals subtle
+    # # techno font
+    # font=gr.themes.GoogleFont("Orbitron"),
+    font_mono=gr.themes.GoogleFont("JetBrains Mono"),
+    text_size=sizes.text_md,  # keep defaults
+    spacing_size=sizes.spacing_md,
+    radius_size=sizes.radius_md,
+).set(
+    # keep overrides minimal—dark canvas; let hues do the rest
+    body_background_fill="#0b0f14",  # deep blue-black
+    background_fill_primary="#0b0f14",  # panels
+    background_fill_secondary="#0e141a",  # subtle contrast
+)
+
+
+blocks = gr.Blocks(css=custom_css, theme=cyber_theme)
 with blocks:
     gr.Image(
         "assets/banner.png",
@@ -194,12 +214,12 @@ with blocks:
     gr.Markdown(INTRODUCTION_TEXT, elem_classes="markdown-text")
 
     with gr.Tabs(elem_classes="tab-buttons") as tabs:
-        with gr.TabItem("🏅 FormulaOne Leaderboard", elem_id="formulaone-leaderboar-tab-table", id=0):
+        with gr.TabItem("🏅 Leaderboard", elem_id="formulaone-leaderboar-tab-table", id=0):
             refresh_leaderboard_data()  # updates leaderboard_df
             assert leaderboard_df is not None
             leaderboard_component = init_leaderboard(leaderboard_df)
 
-        with gr.TabItem("🚀 Submit here! ", elem_id="llm-benchmark-tab-table", id=2):
+        with gr.TabItem("🚀 Submit Solutions", elem_id="llm-benchmark-tab-table", id=2):
             logger.info("Tab submission")
             with gr.Column():
                 with gr.Row():

src/display/css_html_js.py

@@ -4,14 +4,18 @@ custom_css = """
     font-size: 16px !important;
 }
 
-#models-to-add-text {
-    font-size: 18px !important;
+
+@import url('https://fonts.googleapis.com/css2?family=Exo+2:wght@500;600&display=swap');
+
+.tab-buttons :is(.tab-nav, [role="tablist"]) > button[role="tab"] {
+  font-family: 'Exo 2', system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
+  letter-spacing: 0.25px;
+  font-weight: 600;
 }
 
-#formulaone-leaderboar-tab-table {
-    font-family: 'Inter', 'Segoe UI', 'Roboto', 'Helvetica Neue', sans-serif;
-    font-size: 16px;
-    font-weight: 500;
+
+#models-to-add-text {
+    font-size: 18px !important;
 }
     
 #citation-button span {