From 6b88af9ccbd6855c981b8ccbad937f97f1cf0eda Mon Sep 17 00:00:00 2001 From: Bryan Helmkamp Date: Sun, 24 May 2026 11:22:58 -0400 Subject: [PATCH] Improve contrast of muted stage status pills MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 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) --- apps/fabro-web/app/lib/stage-sidebar.ts | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/apps/fabro-web/app/lib/stage-sidebar.ts b/apps/fabro-web/app/lib/stage-sidebar.ts index fc49f9cf1..c696bf61e 100644 --- a/apps/fabro-web/app/lib/stage-sidebar.ts +++ b/apps/fabro-web/app/lib/stage-sidebar.ts @@ -35,14 +35,14 @@ export const SUCCEEDED_STAGE_STATES: ReadonlySet = new Set([ ]); const STAGE_STATUS_TONE: Record = { - 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 = {