Low contrast for code markup in docs with dark theme

[thanhpd]

What is the current behavior?

The documentation page with dark themes are displaying the code tags with an insufficient contrast ratio and are really hard to read

What is the expected behavior?

Increase the contrast ratio for these tags so that it's easier to read.

Reference from WCAG:

The visual presentation of text and images of text has a contrast ratio of at least 4.5:1

What are the steps to reproduce?

• Enable dark theme on the documentation page
• The code tags can be found mostly in the Overview and API tab of each page

Which versions of Angular, Material, OS, TypeScript, browsers are affected?

Angular Material documentation, v. 7.3.1

[surfer19]

I made some investigation, I didn't found any purple texts but I found another 2.54 - 3.48 ratio, mostly in tags.

[twerske]

Closed as this was fixed in angular/material.angular.io#635 - thanks for the attentiveness to accessibility of our docs @thanhpd!

[angular-automatic-lock-bot]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}