Improve contrast of muted stage status pills

The Pending, Skipped, and Cancelled status pills used `text-fg-muted`
(#4B5768) on `bg-overlay-strong`, producing ~1.7:1 contrast against the
panel — well below WCAG AA. Switch to `text-fg-3` (#A8B5C5) for ~6:1
while keeping the subdued look that distinguishes these states from
active/result tones.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
Bryan Helmkamp 2026-05-24 11:22:58 -04:00
parent f35dccecab
commit 6b88af9ccb
No known key found for this signature in database

View file

@ -35,14 +35,14 @@ export const SUCCEEDED_STAGE_STATES: ReadonlySet<StageState> = new Set([
]);
const STAGE_STATUS_TONE: Record<StageState, string> = {
pending: "bg-overlay-strong text-fg-muted",
pending: "bg-overlay-strong text-fg-3",
running: "bg-teal-500/15 text-teal-500",
retrying: "bg-amber/15 text-amber",
succeeded: "bg-mint/15 text-mint",
partially_succeeded: "bg-amber/15 text-amber",
failed: "bg-coral/15 text-coral",
skipped: "bg-overlay-strong text-fg-muted",
cancelled: "bg-overlay-strong text-fg-muted",
skipped: "bg-overlay-strong text-fg-3",
cancelled: "bg-overlay-strong text-fg-3",
};
const STAGE_STATUS_LABEL: Record<StageState, string> = {