Skip to content
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(controls): color correction on contols #1402

Merged

Conversation

matiaslionel
Copy link
Contributor

Focus indicators have contrast issues:
image

This commit will increase the background alpha on the toolbar at 90% and increase the brightness of the focus indicators at #D3D3D3 (box-gray-20)

@matiaslionel matiaslionel requested a review from a team as a code owner June 23, 2021 15:46
$bp-controls-opacity: .8;
$bp-controls-outline: inset 0 0 0 1px fade-out($white, .5), 0 1px 2px fade-out($black, .9);
$bp-controls-opacity: .9;
$bp-controls-outline: inset 0 0 0 1px fade-out($bdl-gray-20, 0), 0 1px 2px fade-out($black, .9);
Copy link
Collaborator

Choose a reason for hiding this comment

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

We should be able to remove the fade-out directive here, since we're passing a zero value to it.

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Thanks Jared. Shouldn't be zero. Updated!

@jstoffan
Copy link
Collaborator

@hormaza, can you please include both a "before" and "after" screenshot for all visual changes to preview? Thanks!

@matiaslionel
Copy link
Contributor Author

matiaslionel commented Jun 24, 2021

Before:
image
After:
image

The change are minimal. Just a little bit darker and other color to focus indicator.

@mergify mergify bot merged commit 6291777 into box:master Jun 25, 2021
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants