This change adds a css linear-gradient to add a tint to background images - to increase the contrast, when we have images that use light colours and when we have light text.
All modern browsers should support it, and I think for other browsers the rules are ignored.
Before:
White text against white parts of a background result in low contrast and poor readability.
After applying the tint means we should always have a minimum amount of contrast, even when backgrounds are light.
We can adjust this by changing the alpha level from 0.5 if we want it to be darker, or lighter.
This change adds a css
linear-gradientto add a tint to background images - to increase the contrast, when we have images that use light colours and when we have light text.All modern browsers should support it, and I think for other browsers the rules are ignored.
Before:
White text against white parts of a background result in low contrast and poor readability.
After applying the tint means we should always have a minimum amount of contrast, even when backgrounds are light.
We can adjust this by changing the alpha level from 0.5 if we want it to be darker, or lighter.