Join GitHub today
GitHub is home to over 28 million developers working together to host and review code, manage projects, and build software together.Sign up
Try making the grays less dull. #6937
When we merged in the pull request to make the colors of the editing canvas more friendly to themed background colors, we replaced all UI colors that floated on here with a range of opacities instead.
Those opacities can be improved, because as a result, they are a bit dull compared to Hugo's glorious shades of gray.
In this PR I try to improve those shades using a highly scientific metho... who am I kidding, I did this manually and it was quite the work.
I took the solid grays on one side, copied each of them and set them to a range of opacities ranging from .9 for the darkest and .1 for the lightest. Then I adjusted the saturation and brightness to mimic the original colors as closely as possible. The reason being, as soon as opacity is introduced, the colors lose punch proportionally to the loss of opacity. We can compensate for that with darker base colors, and increased saturation.
Please test that these colors, when viewed on a white background, have sufficient contrast in all the in-canvas editing UI where they are applied.
The end goal is for the opacities, when shown on a white background, to be as close to the range of solid grays we have, as possible.
Here's the file where I, in Photoshop, manually adjusted each color to look its best at a given opacity:
See also codepen where I experimented with the opacities: https://codepen.io/joen/pen/vjwjpx?editors=1100
Here are the new opacities on a colored background: