narniagooooo commited on
Commit
b853da5
·
1 Parent(s): 4ef16fc

Fix low-contrast grey text in the Graph tab

Browse files

--fog was too dark against the void background, and Gradio's own
stylesheet was overriding the centrality-ranking list color entirely
(computed color was near-black, not just dim). Brighten --fog and
force the rank/flag list color with !important.

Files changed (1) hide show
  1. app.py +3 -3
app.py CHANGED
@@ -870,7 +870,7 @@ CUSTOM_CSS = """
870
  --lime: #39ff14;
871
  --rose: #ff2d6b;
872
  --ice: #a8f0ff;
873
- --fog: #5a7f92;
874
  --font-head: 'Orbitron', 'Share Tech Mono', monospace;
875
  --font-mono: 'JetBrains Mono', 'Space Mono', monospace;
876
  --font-body: 'Inter', sans-serif;
@@ -931,8 +931,8 @@ gradio-app, .gradio-container, body {
931
  .algo-row { display: flex; justify-content: space-between; padding: 5px 0; border-bottom: 1px solid rgba(0,229,255,0.06); font-size: 11px; }
932
  .algo-name { font-family: var(--font-mono); font-size: 9.5px; color: var(--fog); }
933
  .algo-val { font-family: var(--font-mono); font-size: 10px; color: var(--cyan); }
934
- .rank-list, .flag-list { list-style: none; margin: 4px 0 0; padding: 0; font-family: var(--font-mono); font-size: 10px; color: var(--ice); }
935
- .rank-list li, .flag-list li { padding: 3px 0; opacity: 0.85; }
936
  .pathway-text { font-family: var(--font-mono); font-size: 11px; color: var(--lime); line-height: 1.6; word-break: break-word; }
937
 
938
  .swarm-status { display: flex; justify-content: space-between; font-family: var(--font-mono); font-size: 10px; margin-bottom: 6px; color: var(--ice); }
 
870
  --lime: #39ff14;
871
  --rose: #ff2d6b;
872
  --ice: #a8f0ff;
873
+ --fog: #9db9cc;
874
  --font-head: 'Orbitron', 'Share Tech Mono', monospace;
875
  --font-mono: 'JetBrains Mono', 'Space Mono', monospace;
876
  --font-body: 'Inter', sans-serif;
 
931
  .algo-row { display: flex; justify-content: space-between; padding: 5px 0; border-bottom: 1px solid rgba(0,229,255,0.06); font-size: 11px; }
932
  .algo-name { font-family: var(--font-mono); font-size: 9.5px; color: var(--fog); }
933
  .algo-val { font-family: var(--font-mono); font-size: 10px; color: var(--cyan); }
934
+ .rank-list, .flag-list { list-style: none; margin: 4px 0 0; padding: 0; font-family: var(--font-mono); font-size: 10px; }
935
+ .rank-list li, .flag-list li { padding: 3px 0; color: var(--ice) !important; opacity: 1; }
936
  .pathway-text { font-family: var(--font-mono); font-size: 11px; color: var(--lime); line-height: 1.6; word-break: break-word; }
937
 
938
  .swarm-status { display: flex; justify-content: space-between; font-family: var(--font-mono); font-size: 10px; margin-bottom: 6px; color: var(--ice); }