Skip to content

fix: raise muted-text contrast to WCAG AA and adopt Poppins font - #48

Merged
s-annam merged 1 commit into
mainfrom
gh-46
Jun 12, 2026
Merged

fix: raise muted-text contrast to WCAG AA and adopt Poppins font#48
s-annam merged 1 commit into
mainfrom
gh-46

Conversation

@s-annam

@s-annam s-annam commented Jun 12, 2026

Copy link
Copy Markdown
Contributor

Summary

Raises --color-text-muted to pass WCAG AA contrast in both light (#9ca3af → #6b7280, ~4.6:1) and dark (#4d5668 → #8a93a6, ~4.9:1) modes. Re-tiers dimension hints and "not detected" fallbacks to text-content-tertiary so they stay visually subordinate after the raise. Wires Poppins via @fontsource/poppins (no CDN — all woff2 served from local node_modules).

Closes #46

Test plan

  • npm run typecheck clean
  • npm run test green
  • Manually verified in npm run dev — Poppins loads from localhost, no external font requests, muted text visibly darker

- Light --color-text-muted: #9ca3af → #6b7280 (~4.6:1 on white)
- Dark --color-text-muted: #4d5668 → #8a93a6 (~4.9:1 on dark surface)
- Re-tier dimension hints + "not detected" fallbacks to text-content-tertiary
- Add @fontsource/poppins (400/500/600/700), prepend to fontFamily.sans
- No external font requests — all woff2 served from local node_modules

Closes #46

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
@s-annam
s-annam merged commit f8faa3b into main Jun 12, 2026
1 check passed
@s-annam
s-annam deleted the gh-46 branch June 12, 2026 20:40
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Fix muted-text contrast (WCAG fail) and adopt Poppins from the source theme

1 participant