Skip to content

Conversation

LeaVerou
Copy link
Contributor

  • Show actual WCAG contrast ratios instead of {tint1} on {tint2} text.
  • Separate code to generate the data structure for palettes and the testing code

Now that we have access to the color tokens in 11ty we could do even more cool things with them later 😁

image

Copy link

vercel bot commented Jan 16, 2025

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Updated (UTC)
webawesome ✅ Ready (Inspect) Visit Preview Jan 16, 2025 5:49pm

Copy link
Contributor

@lindsaym-fa lindsaym-fa left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Awesome. 🤩

@claviska
Copy link
Member

I was about to call this out saying it didn't look enough contrast in the text for the darker ones, but Color Slurp proved me wrong. APCA when? 🫠

CleanShot 2025-01-16 at 13 15 47@2x

@LeaVerou
Copy link
Contributor Author

I was about to call this out saying it didn't look enough contrast in the text for the darker ones, but Color Slurp proved me wrong. APCA when? 🫠

Haha soon. The code is trivial, it's just a matter of doing it.

@LeaVerou LeaVerou merged commit df51149 into next Jan 16, 2025
2 checks passed
@LeaVerou LeaVerou deleted the contrast-ratios branch January 16, 2025 18:18
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.

3 participants