-
Notifications
You must be signed in to change notification settings - Fork 1.2k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
[Color system] Convert colors to HSLuv #2361
Conversation
💦 Potential splash zone of changes introduced to ❌ Something fishy happened. We’re on it! Error message:
TypeError: Cannot read property 'forEach' of undefined
This comment automatically updates as changes are made to this pull request. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
This is very exciting. The Banner
colors look fantastic, but the Badge
colors look a bit odd. Will take some tweaking to get right, but this feels like a really positive step. The generated colors already feel truer to the intent. Nice work!
24fa4e6
to
faced85
Compare
1f4cd23
to
eaa9b45
Compare
I added a kitchen sink example. It’s still a WIP to cherry pick which of the stories we want to show. As of now it is filtering out any stories which match the |
2dd7c08
to
0142b1d
Compare
0142b1d
to
911d7b9
Compare
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I HSLuv this PR ❤️
Co-authored-by: Dan Rosenthal <dan.rosenthal@shopify.com>
8722d7c
to
54e79d2
Compare
WHY are these changes introduced?
Use a color space (HSLuv) which maintains human perceived lightness across hues. This is important to maintain color contrast regardless of hue. Also, tweaked colors, added shadow colors, and fixed an issue where types were not generated for the color JSON config.
WHAT is this pull request doing?
🎩 checklist