From a7809a8430484b742c8ec8fd8273c8d6b72ab87b Mon Sep 17 00:00:00 2001 From: seal Date: Wed, 19 Aug 2026 00:36:43 -0400 Subject: [PATCH] style(ui): route CheckRuns pane CI pips through the --cx-ci-* namespace (RIG-2127) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit T4 of the Bridge re-clothe (RIG-2111). The frozen T4 deliverable — Bridge board CI/review badges colored via `--cx-ci-*`/`--cx-review-*`, `commented` → pending, the SEA-2117 glyph form — already landed in main via the badge-clarity lane (RIG-2121/2122/2123) after T4 was written, so the board side of T4 is a no-op. Per Matt's decision, T4 is repurposed to the one residual: the RightSidebar CheckRuns pane still colored its CI pips through the generic status tokens. Re-points `.check-pip[data-status]` and `.c-verdict[data-status]` (`success`/`failure`/`pending`) from `--cx-ok`/`--cx-error`/`--cx-warn` onto `--cx-ci-pass`/`--cx-ci-fail`/`--cx-ci-pending`, so board and sidebar CI color route through one CI namespace (D3 consistency). The CI tokens currently alias the generics in `tokens.css`, so this is a zero-rendered-change semantic re-point — no visual baseline moves. Scope note: this extends T4 beyond the record's board-only wording into the right-sidebar surface, at Matt's direction; the frozen record's Plan-T4 line predates the badge lane landing and could take a follow-up amendment to stay in sync. Spec-impact: none. Refs RIG-2127 Co-authored-by: Matt Wilkinson --- apps/ui/src/app.css | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/apps/ui/src/app.css b/apps/ui/src/app.css index 01b0781b..c08ad050 100644 --- a/apps/ui/src/app.css +++ b/apps/ui/src/app.css @@ -691,13 +691,13 @@ background: var(--cx-text-faint); } .check-pip[data-status="success"] { - background: var(--cx-ok); + background: var(--cx-ci-pass); } .check-pip[data-status="failure"] { - background: var(--cx-error); + background: var(--cx-ci-fail); } .check-pip[data-status="pending"] { - background: var(--cx-warn); + background: var(--cx-ci-pending); } .card-pr.link { @@ -1494,13 +1494,13 @@ font-family: var(--cx-font-ui); } .c-verdict[data-status="success"] { - color: var(--cx-ok); + color: var(--cx-ci-pass); } .c-verdict[data-status="failure"] { - color: var(--cx-error); + color: var(--cx-ci-fail); } .c-verdict[data-status="pending"] { - color: var(--cx-warn); + color: var(--cx-ci-pending); } .pr-reviews {