Darken base teal color to improve contrast #19
Merged
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
A fix for the issue described here: #18
If I slightly darken our base teal color, the accessibility checks are happy with the contrast on all sizes of buttons (including
![screen shot 2018-11-01 at 1 49 04 pm](https://user-images.githubusercontent.com/3675092/47879304-7d083180-dddd-11e8-9aed-480ab6ba2cdf.png)
.button--small
). Here's what that same page on the styleguide looks like:(as comparison, here's the original that's not contrasting enough now):
![screen shot 2018-11-01 at 1 51 34 pm](https://user-images.githubusercontent.com/3675092/47879908-0d934180-dddf-11e8-9911-0786036a0022.png)
There are other ways we can address the contrast (bigger font, mainly), but this felt least intrusive. What do you think, @norrishung? Look acceptable?
Finishes #18