fix(web): token + contrast fixes (yellow, destructive reds, indigo dark, muted-foreground) #469

Merged

nrupard merged 1 commit from fix/BUNYIP-465-token-contrast into main

2026-08-04 21:00:24 +02:00

nrupard commented

2026-08-04 20:53:05 +02:00

Owner

What

Token/contrast cluster (BUNYIP-455): F21 yellow verification indicator -> text-amber-700 dark:text-amber-400; F2 danger-zone/logout/outage raw red-* -> the destructive tokens (border-destructive/30, text-destructive-text, bg-destructive+foreground); F3 the two text-indigo-500 icons gain dark:text-indigo-400; F24 light --muted-foreground darkened 39%->34% for AA on the page background.

Verify

just check-container passes. Class/token changes only; --destructive-text (BUNYIP-464) is now the destructive foreground-text token.

Closes BUNYIP-465.

## What Token/contrast cluster (BUNYIP-455): F21 yellow verification indicator -> `text-amber-700 dark:text-amber-400`; F2 danger-zone/logout/outage raw `red-*` -> the `destructive` tokens (border-destructive/30, text-destructive-text, bg-destructive+foreground); F3 the two `text-indigo-500` icons gain `dark:text-indigo-400`; F24 light `--muted-foreground` darkened 39%->34% for AA on the page background. ## Verify `just check-container` passes. Class/token changes only; `--destructive-text` (BUNYIP-464) is now the destructive foreground-text token. Closes BUNYIP-465.

nrupard added 1 commit

2026-08-04 20:53:05 +02:00

fix(web): token + contrast fixes (yellow indicator, destructive reds, indigo dark, muted-foreground)

E2E PR gate / Install + reachability (no deployment secrets) (pull_request) Successful in 18s

Details

Check / fmt + clippy + build + tests (pull_request) Successful in 4m50s

Details

Create release / Create release from merged PR (pull_request) Has been skipped

Details

d7471bbd80

Color-token cluster from the 2026-08-04 UI audit (BUNYIP-455):
- F21: the yellow verification indicator ("Not Verified" / "Unverified" / feedback New) was bare text-yellow-600 (2.94:1 on white, AA fail in light) with no dark pair, backwards from its teal sibling. -> text-amber-700 dark:text-amber-400 (AA both themes).
- F2: converge the destructive/danger role off raw red-* onto the semantic tokens (now that --destructive-text exists): both danger-zone borders -> border-destructive/30 and headings -> text-destructive-text; the logout menu item -> text-destructive-text; the outage banner bg-red-600 text-white -> bg-destructive text-destructive-foreground.
- F3: the two text-indigo-500 credit-card icons gained dark:text-indigo-400 (the static ramp did not flip).
- F24: light --muted-foreground darkened 113 27% 39% -> 34% so muted page subtitles clear AA on the pale background (was 4.38:1); dark and high-contrast values untouched.

#BUNYIP-465

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
Signed-off-by: nrupard <natrsmith11@gmail.com>