bolyai/CIS490
3
0
Fork 0
Code Issues 5 Pull requests Projects 1 Releases Packages Wiki Activity Actions

model bars: !important on gradients to defeat any override

Browse source 
mlp / cnn / knn_semi were rendering grey for at least one client even
though their .model-fill.<name> rules were identical specificity to
the working ones (lstm/gru/bert/knn/gbt). Probable cause: stale
browser cache or a theme-pass rule clobbering background:.
!important on every model gradient is heavy-handed but guarantees
the deck reads right during the live talk.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
Max Gorog 2026-05-08 17:24:34 -05:00
parent e3fb6025fb
commit ed5f729ff0
2 changed files with 15 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

29
training/dashboard/static/dashboard.css
View file

@ -990,21 +990,20 @@ html, body { overflow-anchor: none; }
gradients below override per canonical model name. */
background: linear-gradient(90deg, var(--fg-mute), var(--fg-dim));
}
.model-fill.lstm { background: linear-gradient(90deg, #58a6ff, #1f6feb); }
.model-fill.gru { background: linear-gradient(90deg, #db61a2, #a8327f); }
.model-fill.rnn { background: linear-gradient(90deg, #d29922, #8a6a17); }
.model-fill.bert { background: linear-gradient(90deg, #f85149, #b22e2a); }
.model-fill.knn { background: linear-gradient(90deg, #3fb950, #1a7f37); }
/* Producer-side additions (see docs/dashboard-request-scenes-7-8-12.md):
gbt / mlp / cnn / knn_semi / transformer / transformer_ssl are also
published as ModelMetric so that scene 9 shows the full trained
zoo. Same gradient shape, different hues, distinct from above. */
.model-fill.gbt { background: linear-gradient(90deg, #ff8c42, #c2410c); }
.model-fill.mlp { background: linear-gradient(90deg, #a371f7, #6e40c9); }
.model-fill.cnn { background: linear-gradient(90deg, #34d399, #047857); }
.model-fill.knn_semi { background: linear-gradient(90deg, #2dd4bf, #115e59); }
.model-fill.transformer { background: linear-gradient(90deg, #fde047, #ca8a04); }
.model-fill.transformer_ssl { background: linear-gradient(90deg, #c0a4ff, #8c6bff); }
/* !important on every gradient because something — most likely a
stale browser cache — has been silently overriding mlp / cnn /
knn_semi mid-talk. Belt-and-suspenders before a presentation. */
.model-fill.lstm { background: linear-gradient(90deg, #58a6ff, #1f6feb) !important; }
.model-fill.gru { background: linear-gradient(90deg, #db61a2, #a8327f) !important; }
.model-fill.rnn { background: linear-gradient(90deg, #d29922, #8a6a17) !important; }
.model-fill.bert { background: linear-gradient(90deg, #f85149, #b22e2a) !important; }
.model-fill.knn { background: linear-gradient(90deg, #3fb950, #1a7f37) !important; }
.model-fill.gbt { background: linear-gradient(90deg, #ff8c42, #c2410c) !important; }
.model-fill.mlp { background: linear-gradient(90deg, #a371f7, #6e40c9) !important; }
.model-fill.cnn { background: linear-gradient(90deg, #34d399, #047857) !important; }
.model-fill.knn_semi { background: linear-gradient(90deg, #2dd4bf, #115e59) !important; }
.model-fill.transformer { background: linear-gradient(90deg, #fde047, #ca8a04) !important; }
.model-fill.transformer_ssl { background: linear-gradient(90deg, #c0a4ff, #8c6bff) !important; }
.model-acc { font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
font-size: clamp(13px, 1vw, 15px); color: var(--fg-dim); text-align: right; }

2
training/dashboard/static/index.html
View file

@ -4,7 +4,7 @@
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>CIS490 — live</title>
<link rel="stylesheet" href="/static/dashboard.css?v=d4067342">
<link rel="stylesheet" href="/static/dashboard.css?v=ee34d60f">
</head>
<body>
<!-- SVG filter defs for the lava-lamp goo effect. Width/height 0