You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
The readability of text depends in part on its contrast relative to the background. For instance, in the light theme:
You can see that the contrast ratio is different depending on the background. Against a white background it's 4.97. Against a grey background it's 4.56. Not a huge difference, but noticeable. For reference, the WCAG guideline is that text should have a contrast ratio of at least 4.56.
We should pick an alternate link color that maintains the same contrast ratio when placed against the grey backgrounds we use (code highlighting and sidebar).
The same concept applies to the dark theme, in reverse - the link color should be brightened when it is against a lighter background, so it stays equally visible.
The text was updated successfully, but these errors were encountered:
The readability of text depends in part on its contrast relative to the background. For instance, in the light theme:
You can see that the contrast ratio is different depending on the background. Against a white background it's 4.97. Against a grey background it's 4.56. Not a huge difference, but noticeable. For reference, the WCAG guideline is that text should have a contrast ratio of at least 4.56.
We should pick an alternate link color that maintains the same contrast ratio when placed against the grey backgrounds we use (code highlighting and sidebar).
The same concept applies to the dark theme, in reverse - the link color should be brightened when it is against a lighter background, so it stays equally visible.
The text was updated successfully, but these errors were encountered: