Standardize text colors
For text color we should switch from grays to black (or white) with opacity. That will help us even more with increasing contrast and improving accessibility, no matter the background color. This “technique” is documented in Google's Material Design, but it's also being used by Medium (for example).
|Hierarchy/Source||Google Material Design||Medium|
|Primary||rgba(0,0,0,.87) (Passes AAA)||rgba(0,0,0,.80) (Passes AAA) This is equal to
|Secondary||rgba(0,0,0,.54) (Passes AA)||rgba(0,0,0,.60) (Passes AA)|
|Tertiary||rgba(0,0,0,.38) (Fails)||rgba(0,0,0,.44) (Passes AA for large text)|
Currently our body text is quite light. We currently use
#5c5c5c in most places for our body text. To increase contrast, we can make our body text darker. This would also help when screens are set to maximum brightness. Some suggestions for a new body text color are