Create code.css

[lukefretwell]

Seems like we're pulling code CSS but not clear where or if we're using a unified style.

What's the best way to add a code.css file here and then reference everywhere?

The reason I ask is that there are contrast issues with it (see below).

--

Issue

Accessibility: Background and foreground colors do not have a sufficient contrast ratio.

About

Content legibility can be improved by passing the following audits:

1. Background and foreground colors have a sufficient contrast ratio: Low-contrast text is difficult or impossible for many users to read.

2. Links are distinguishable without relying on color: Low-contrast text is difficult or impossible for many users to read. Link text that is discernible improves the experience for users with low vision.

Expectation

Low-contrast text is difficult or impossible for many users to read. Learn how to provide sufficient color contrast.

Page

• Title: Feedback - ScanGov Docs
• URL: https://docs.scangov.org/feedback

Issues

Label	Snippet	Selector	Explanation
repo-scangov-project	<code class="language-plaintext highlighter-rouge">	div.post > ul > li > code.language-plaintext	Fix any of the following: Element has insufficient color contrast of 3.98 (foreground color: #d63384, background color: #13171f, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1
repo-standards	<code class="language-plaintext highlighter-rouge">	div.post > ul > li > code.language-plaintext	Fix any of the following: Element has insufficient color contrast of 3.98 (foreground color: #d63384, background color: #13171f, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1
#feedback	<code class="language-plaintext highlighter-rouge">	div.post > ul > li > code.language-plaintext	Fix any of the following: Element has insufficient color contrast of 3.98 (foreground color: #d63384, background color: #13171f, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1

Issue type: color-contrast

Documentation

• ScanGov Color contrast docs
• Web Content Accessibility Guidelines (WCAG)