Yoast / yoast-components

Accessible React components by Yoast
GNU General Public License v3.0
21 stars 6 forks source link

Darken a bit color_red #794

Open afercia opened 5 years ago

afercia commented 5 years ago

Noticed while testing https://github.com/Yoast/my-yoast/issues/1903 on MyYoast:

The red color #dc3232 used in the color palette comes from WordPress, and it has a sufficient color contrast with a white background. However, it doesn't on a light gray background, as in the "zebra-striped" rows we're using on MyYoast:

screenshot 2018-12-11 at 11 44 44

#dc3232 on #f7f7f7 gives a contrast of 4.31:1.

Just slightly below the required 4.5:1.

As there's no specific reason to use #dc3232 other than we've copied it from WordPress, I'd suggest to change it to a slightly darker red, e.g. #dc2525.