-
Notifications
You must be signed in to change notification settings - Fork 4.3k
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
Fix document title back and shortcut color contrast. #51442
Conversation
Size Change: +30 B (0%) Total Size: 1.4 MB
ℹ️ View Unchanged
|
text-align: right; | ||
.edit-site-document-actions__shortcut, | ||
.edit-site-document-actions__back { | ||
color: darken($gray-700, 3%); // Darken the secondary color to meet requirements against a gray background. |
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.
Could we use gray-800
rather than a 'custom' color? 🤔
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.
We can, yes, though it's slightly dark innit? That was the intent by just darkening a little bit.
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.
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.
Done!
Flaky tests detected in ea73776. 🔍 Workflow run URL: https://github.com/WordPress/gutenberg/actions/runs/5252911376
|
* Fix wayfinder back and shortcut color contrast. * gray-800
What?
The document title element in the site editor had too low contrast for the shortcut indication. This PR fixes it:
The new contrast is:
This behavior applies to both back button and shortcut tip.