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.
app.py
CHANGED
|
@@ -870,7 +870,7 @@ CUSTOM_CSS = """
|
|
| 870 |
--lime: #39ff14;
|
| 871 |
--rose: #ff2d6b;
|
| 872 |
--ice: #a8f0ff;
|
| 873 |
-
--fog: #
|
| 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;
|
| 935 |
-
.rank-list li, .flag-list li { padding: 3px 0; opacity:
|
| 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); }
|