update colors

app.py

@@ -518,10 +518,11 @@ def format_official_leaderboard_html(df: pd.DataFrame) -> str:
             metric_second[k] = sorted_vals[1] if len(sorted_vals) >= 2 else None
 
     html = """<style>
-.off-table-wrap { color-scheme: light; background:#ffffff; color:#111827; border-radius:6px; }
+.off-table-wrap { background:#ffffff; color:#111827; border-radius:6px; }
 .off-table { width:100%; border-collapse:collapse; font-size:0.85rem; font-family:system-ui,-apple-system,sans-serif; background:#ffffff; color:#111827; }
 .off-table th { background:#1e3a5f !important; color:#ffffff !important; padding:8px 6px; text-align:center; border-bottom:2px solid #1e3a5f; font-size:0.78rem; position:sticky; top:0; }
 .off-table td { padding:6px; text-align:center; border-bottom:1px solid #e5e7eb; background:#ffffff; color:#111827; }
+.off-table td * { color:inherit !important; }
 .off-table tr:hover td { background:#f0f7ff; }
 .off-table tr[data-rank="1"] td { background:#fef2f2; font-weight:600; }
 .off-table tr[data-rank="2"] td { background:#fffbeb; font-weight:600; }
@@ -529,8 +530,23 @@ def format_official_leaderboard_html(df: pd.DataFrame) -> str:
 .off-table .model-col { text-align:left; font-weight:500; min-width:230px; white-space:nowrap; }
 .off-table .model-col a { color:#1e3a5f !important; }
 .off-table .org-col { text-align:left; color:#6b7280; font-size:0.8rem; white-space:nowrap; }
-.off-table .best-cell { color:#b91c1c !important; font-weight:700; }
-.off-table .second-cell { color:#b45309 !important; font-weight:600; }
+.off-table .org-col * { color:#6b7280 !important; }
+.off-table .best-cell, .off-table td.best-cell, .off-table td.best-cell * { color:#b91c1c !important; font-weight:700; }
+.off-table .second-cell, .off-table td.second-cell, .off-table td.second-cell * { color:#b45309 !important; font-weight:600; }
+@media (prefers-color-scheme: dark) {
+  .off-table-wrap { background:#111827; color:#e5e7eb; }
+  .off-table { background:#111827; color:#e5e7eb; }
+  .off-table th { background:#0f1e33 !important; color:#e5e7eb !important; border-bottom-color:#0f1e33; }
+  .off-table td { background:#111827; color:#e5e7eb; border-bottom-color:#1f2937; }
+  .off-table tr:hover td { background:#1e293b; }
+  .off-table tr[data-rank="1"] td { background:#3b1f23; }
+  .off-table tr[data-rank="2"] td { background:#3b2e14; }
+  .off-table tr[data-rank="3"] td { background:#132b1d; }
+  .off-table .model-col a { color:#93c5fd !important; border-bottom-color:#93c5fd !important; }
+  .off-table .org-col, .off-table .org-col * { color:#9ca3af !important; }
+  .off-table .best-cell, .off-table td.best-cell, .off-table td.best-cell * { color:#fca5a5 !important; }
+  .off-table .second-cell, .off-table td.second-cell, .off-table td.second-cell * { color:#fcd34d !important; }
+}
 </style>
 <div class="off-table-wrap" style="overflow-x:auto; max-height:600px; overflow-y:auto;">
 <table class="off-table">
@@ -1573,10 +1589,11 @@ def format_leaderboard_html(df: pd.DataFrame) -> str:
 
     # Build HTML
     html = """<style>
-.lb-table-wrap { color-scheme: light; background:#ffffff; color:#111827; border-radius:6px; }
+.lb-table-wrap { background:#ffffff; color:#111827; border-radius:6px; }
 .lb-table { width:100%; border-collapse:collapse; font-size:0.85rem; font-family:system-ui,-apple-system,sans-serif; background:#ffffff; color:#111827; }
 .lb-table th { background:#f8fafc !important; color:#374151 !important; padding:8px 6px; text-align:center; border-bottom:2px solid #e5e7eb; font-size:0.78rem; position:sticky; top:0; z-index:1; }
 .lb-table td { padding:6px; text-align:center; border-bottom:1px solid #f3f4f6; background:#ffffff; color:#111827; }
+.lb-table td * { color:inherit !important; }
 .lb-table tr:hover td { background:#f9fafb; }
 .lb-table tr[data-rank="1"] td { background:#fef2f2; font-weight:600; }
 .lb-table tr[data-rank="2"] td { background:#fffbeb; font-weight:600; }
@@ -1584,8 +1601,23 @@ def format_leaderboard_html(df: pd.DataFrame) -> str:
 .lb-table .model-col { text-align:left; font-weight:500; min-width:230px; white-space:nowrap; }
 .lb-table .model-col a { color:#1e3a5f !important; }
 .lb-table .org-col { text-align:left; color:#6b7280; font-size:0.8rem; white-space:nowrap; }
-.lb-table .best-cell { color:#b91c1c !important; font-weight:700; }
-.lb-table .second-cell { color:#b45309 !important; font-weight:600; }
+.lb-table .org-col * { color:#6b7280 !important; }
+.lb-table .best-cell, .lb-table td.best-cell, .lb-table td.best-cell * { color:#b91c1c !important; font-weight:700; }
+.lb-table .second-cell, .lb-table td.second-cell, .lb-table td.second-cell * { color:#b45309 !important; font-weight:600; }
+@media (prefers-color-scheme: dark) {
+  .lb-table-wrap { background:#111827; color:#e5e7eb; }
+  .lb-table { background:#111827; color:#e5e7eb; }
+  .lb-table th { background:#0f1e33 !important; color:#e5e7eb !important; border-bottom-color:#1f2937; }
+  .lb-table td { background:#111827; color:#e5e7eb; border-bottom-color:#1f2937; }
+  .lb-table tr:hover td { background:#1e293b; }
+  .lb-table tr[data-rank="1"] td { background:#3b1f23; }
+  .lb-table tr[data-rank="2"] td { background:#3b2e14; }
+  .lb-table tr[data-rank="3"] td { background:#132b1d; }
+  .lb-table .model-col a { color:#93c5fd !important; border-bottom-color:#93c5fd !important; }
+  .lb-table .org-col, .lb-table .org-col * { color:#9ca3af !important; }
+  .lb-table .best-cell, .lb-table td.best-cell, .lb-table td.best-cell * { color:#fca5a5 !important; }
+  .lb-table .second-cell, .lb-table td.second-cell, .lb-table td.second-cell * { color:#fcd34d !important; }
+}
 </style>
 <div class="lb-table-wrap" style="overflow-x:auto; max-height:600px; overflow-y:auto;">
 <table class="lb-table">