- Shipped
- September 7, 2026 at 5:36 PM UTC
- Author
- Kamo
- Commit
- feb7ee4
Reported twice, and the first fix missed it. That pass corrected every foreground and left the trough at rgba(0,0,0,0.28) with a black inset shadow, on the reasoning that a trough is background rather than foreground. That reasoning was the bug. The trough is neither: on a healthy organization it is MOST OF WHAT IS ON SCREEN, because most of the bar is empty. Sitting inside a pill already painted the organization's brand — usually dark — the two were within a hair of each other and the whole control read as one black slug with a faint stripe in it. The trough is now rgba(255,255,255,0.92) with no inset shadow, and every band fill was re-picked as a saturated mid-tone to carry an edge against it rather than against black. The pill's rim was the brand mixed 22% toward #1a1a1a, which on a dark brand is simply black framing the control; it is a white rule now. MEASURED, not eyeballed, across three brand colours — a dark #2f3640, the default #696969 and a blue #1e40af, sampling composited pixels rather than declarations: trough vs pill 4.95 – 10.59 (was ~1: dark on dark) fill vs trough 4.21 – 4.94 WCAG AA for graphical objects is 3.0. Worst case is 4.21. Two things only worked BECAUSE the trough was black, and both had to change with it. The band-boundary ticks were white, which vanishes on a light trough — and no single colour reads against both the trough and the fill, since the pill's own brand disappears over the CRITICAL fill, the one band where vanishing is unacceptable. Rather than trade the problem around for a third complaint, the ticks are removed: four distinct fill colours and a pill that changes skin at HOT already say which band you are in, and the flyout answers it in words. The "measuring" state was a white shimmer travelling over black; it is now a saturated chip sliding along the light trough, and under reduced motion it parks mid-trough rather than blanking, since an empty bar reads as "you are storing nothing" rather than "not measured yet". CRITICAL's lighter stop was #f87171, which against a white trough read as PINK — so the alarm band looked lighter than the HOT band below it and the escalation ran backwards at the very top. #ef4444, with the hazard stripes eased from 0.42 to 0.32 so they texture the fill instead of washing it. Re-checked under prefers-reduced-motion: zero animations, static red ring intact, measuring chip still on screen.