css edits

app.py

@@ -38,6 +38,23 @@ def build_plots(metric, subdataset):
 
 
 CUSTOM_CSS = """\
+/* ── Page background ────────────────────────────────────── */
+.gradio-container {
+    background: #f0f4f8 !important;
+}
+
+/* ── Title banner ───────────────────────────────────────── */
+.title-banner {
+    background: #2d3748 !important;
+    padding: 16px 24px !important;
+    border-radius: 8px;
+    margin-bottom: 6px !important;
+}
+.title-banner h1 {
+    color: #fff !important;
+    margin: 0 !important;
+}
+
 /* ── Accent top bar ─────────────────────────────────────── */
 .gradio-container::before {
     content: "";
@@ -79,7 +96,7 @@ button.tab-nav-button.selected {
 """
 
 with gr.Blocks(title="Impermanent Leaderboard") as app:
-    gr.Markdown("# Impermanent Leaderboard")
+    gr.Markdown("# Impermanent Leaderboard", elem_classes=["title-banner"])
     gr.Markdown(
         "A **live** time-series forecasting benchmark designed to avoid data contamination. "
         "Automated pipelines continuously fetch fresh data from GitHub — including the number of "
@@ -196,4 +213,4 @@ Currently **{n_dates} evaluations** are available, from **{date_min}** to **{dat
             )
 
 if __name__ == "__main__":
-    app.launch(css=CUSTOM_CSS)
+    app.launch(css=CUSTOM_CSS, ssr_mode=False)

uv.lock

@@ -530,19 +530,25 @@ version = "0.1.0"
 source = { virtual = "." }
 dependencies = [
     { name = "gradio" },
-    { name = "ipython" },
     { name = "matplotlib" },
     { name = "pandas" },
 ]
 
+[package.dev-dependencies]
+dev = [
+    { name = "ipython" },
+]
+
 [package.metadata]
 requires-dist = [
     { name = "gradio", specifier = ">=6.5.1" },
-    { name = "ipython", specifier = ">=9.10.0" },
     { name = "matplotlib", specifier = ">=3.10.8" },
     { name = "pandas", specifier = ">=3.0.0" },
 ]
 
+[package.metadata.requires-dev]
+dev = [{ name = "ipython", specifier = ">=9.10.0" }]
+
 [[package]]
 name = "ipython"
 version = "9.10.0"