css

main.py

@@ -37,10 +37,45 @@ def build_plots(metric, subdataset):
     return fig_rank, fig_value
 
 
-HEADER_CSS = """\
+CUSTOM_CSS = """\
+/* ── Accent top bar ─────────────────────────────────────── */
+.gradio-container::before {
+    content: "";
+    display: block;
+    height: 4px;
+    background: linear-gradient(90deg, #2b6cb0, #38b2ac);
+    margin: -16px -16px 16px -16px;
+}
+
+/* ── Header card (title + description) ──────────────────── */
+.gradio-container > .main > .wrap > div:first-child {
+    background: #f7fafc;
+    border: 1px solid #e2e8f0;
+    border-radius: 10px;
+    padding: 20px 24px;
+    margin-bottom: 12px;
+}
+
+/* ── Active tab accent ──────────────────────────────────── */
+button.tab-nav-button.selected {
+    border-bottom-color: #2b6cb0 !important;
+    color: #2b6cb0 !important;
+}
+
+/* ── Table header ───────────────────────────────────────── */
 .table-wrap thead th {
     background-color: #e2e8f0 !important;
 }
+
+/* ── Dropdown borders ───────────────────────────────────── */
+.gr-dropdown, .multiselect-dropdown {
+    border-radius: 6px !important;
+}
+
+/* ── Tab content spacing ────────────────────────────────── */
+.tabitem {
+    padding-top: 12px;
+}
 """
 
 with gr.Blocks(title="Impermanent Leaderboard") as app:
@@ -127,4 +162,4 @@ with gr.Blocks(title="Impermanent Leaderboard") as app:
             )
 
 if __name__ == "__main__":
-    app.launch(css=HEADER_CSS)
+    app.launch(css=CUSTOM_CSS)

rank_through_time.py

@@ -79,7 +79,7 @@ def plot_rank_per_category(df, metric):
         ax.set_title(f"{subdataset} / {frequency}")
         _style_rank_ax(ax, n_models)
 
-    fig.suptitle(f"Model rank through time — {metric}", fontsize=14)
+    fig.suptitle(f"Rank through time — {metric.upper()}", fontsize=14)
     _finish_fig(fig)
     return fig
 
@@ -141,7 +141,7 @@ def plot_value_per_category(df, metric):
         ax.set_title(f"{subdataset} / {frequency}")
         _style_value_ax(ax, metric)
 
-    fig.suptitle(f"Model {metric} through time", fontsize=14)
+    fig.suptitle(f"Model {metric.upper()} through time", fontsize=14)
     _finish_fig(fig)
     return fig
 
@@ -201,7 +201,7 @@ def plot_rank_for_subdataset(df, metric, subdataset):
         ax.set_title(f"{subdataset} / {frequency}")
         _style_rank_ax(ax, n_models)
 
-    fig.suptitle(f"Model rank through time — {metric}", fontsize=14)
+    fig.suptitle(f"Rank through time — {metric.upper()}", fontsize=14)
     _finish_fig(fig)
     return fig
 
@@ -236,7 +236,7 @@ def plot_value_for_subdataset(df, metric, subdataset):
         ax.set_title(f"{subdataset} / {frequency}")
         _style_value_ax(ax, metric)
 
-    fig.suptitle(f"Model {metric} through time", fontsize=14)
+    fig.suptitle(f"Model {metric.upper()} through time", fontsize=14)
     _finish_fig(fig)
     return fig