Improve contrast on syntax highlighting
katydecorah opened this issue · comments
There are a few tokens in our syntax highlighting CSS that need contrast improvements:
-
span.token.namespace
- Prism appliesopacity: 0.7
to this class. If we remove the opacity (or setopacity: 1
to override) then the color contrast should pass. Example page wherenamespace
contrast is too low. -
code
when it's a link (token
) - We should add a class to docs-prose.css to override the color value of aa code
to a text color with a higher contrast (maybe#3d5ef2
) - Example page wherecode
link contrast is too low.
Let's keep this issue updated as we come across more.
Sentry issue: DOCS-LIGHTHOUSE-1N