b278dcaf12d534b1828de59989fd091808d8b074
A bare --accent in src/index.css silently overrode shadcn's own --accent/--accent-foreground pairing (near-white background paired with near-black text) with the design contract's dark teal, without touching the paired foreground. That dropped the computed contrast ratio on every outline/ghost button, select item, badge link and dialog close button that uses bg-accent/text-accent-foreground to 3.23:1 -- below WCAG AA's 4.5:1 minimum for text. Renamed the token to --budget-accent everywhere it's declared and consumed (src/index.css, src/ui/components/PostTable.tsx's carry meter), leaving shadcn's own --accent/--accent-foreground pair untouched. The other five contract tokens (--paper, --ink, --rule, --surplus, --overspend) don't collide with any shadcn token name in styles/globals.css, so they are unchanged. Co-Authored-By: Claude Opus 5 (1M context) <[email protected]>
budget2.0
New version of budget page, vibecoded.
Languages
TypeScript
98.3%
CSS
1.4%
HTML
0.2%