Skip to content

feat(theme): HSL design tokens & WCAG AAA contrast validator (#1337) - #1715

Open
SamuelStave wants to merge 1 commit into
StellarDevHub:mainfrom
SamuelStave:fix/issue-1337-theme-engine
Open

SamuelStave wants to merge 1 commit into
StellarDevHub:mainfrom
SamuelStave:fix/issue-1337-theme-engine

Conversation

@SamuelStave

Copy link
Copy Markdown

Closes #1337

  • Semantic HSL design tokens in globals.css (brand, surface, text, muted)
  • Contrast.ts: relative luminance, contrast ratio, WCAG AAA (7:1) validation
  • accessibleForeground() auto-picks black/white for AAA compliance
  • validateSyntaxTokens() audits code highlight tokens against background
  • Code syntax highlighting achieves WCAG AAA contrast in dark & light modes

…DevHub#1337)\n\n- Add semantic HSL color tokens to globals.css for dark/light themes\n- Implement contrast.ts with relative luminance, contrast ratio, WCAG AAA checks\n- Add accessibleForeground helper picking black/white for 7:1 ratio\n- Add validateSyntaxTokens for code highlight WCAG AAA compliance\n- Code syntax highlighting achieves WCAG AAA contrast in both modes\n\nCloses StellarDevHub#1337
@vercel

vercel Bot commented Oct 18, 2026

Copy link
Copy Markdown

@SamuelStave is attempting to deploy a commit to the Ayomide Adeniran's projects Team on Vercel.

A member of the Team first needs to authorize it.

@drips-wave

drips-wave Bot commented Oct 18, 2026

Copy link
Copy Markdown

@SamuelStave Great news! 🎉 Based on an automated assessment of this PR, the linked Wave issue(s) no longer count against your application limits.

You can now already apply to more issues while waiting for a review of this PR. Keep up the great work! 🚀

Learn more about application limits

This branch has not been deployed

No deployments
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.

[FE-HARD-41] Dynamic Theme Engine with HSL Design Tokens & Contrast Validator

1 participant