-
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
Increase border contrast for Label--yellow #1126
Conversation
This pull request is being automatically deployed with Vercel (learn more). 🔍 Inspect: https://vercel.com/primer/primer-css/5xg7dq35j |
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 would suggest, for the sake of passing AA
, that we use -800
. I think it's more important that the word "Pending" is passing. The board color is mostly a visual treatment that supports the status.
To clarify.. this PR only changes the border color. The text color is already using the darkest |
Yes sorry if that wasn't clear! I was speaking about the border color. |
Sorry.. ok, I see. Your point is that the border is just as important as the text and should pass @auareyou any objections? Here a border color of |
I think that for the sake of uniformity |
👍 Ok, the border is now |
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.
Looks good to me! 🎨
This makes the border of the
Label--yellow
a bit darker:yellow-600
yellow-800
Reasoning
We got feedback that the yellow labels are harder to see: https://github.com/github/github/issues/149846 (internal)
Alternatives
We could also use
yellow-700
for the border.It would fail the
AA
color contrast ratio for graphical objects. But at the same time it would be more recognizable as "yellow".