From 52afd3c1ce7eec37d200015d706b4992a9fdad7c Mon Sep 17 00:00:00 2001 From: Ilenia Date: Thu, 2 Jul 2026 00:39:22 -0700 Subject: [PATCH] fix: make text in inline code blocks visible (#38) ### Explanation dark mode before ![image.png](/attachments/1990d57d-59b8-4d15-8d47-e8a8cb0c4ca3) dark mode after ![image.png](/attachments/ae8f6740-620e-47bb-83a2-b4e8015462dd) light mode before ![image.png](/attachments/ea06ec0d-8c39-4f2a-8116-cb1e80ccc82e) light mode after ![image.png](/attachments/7fa57aa3-c7a1-4ed5-85f4-28a0fa33b8b4) I copied from the code blocks that are used in the style guide to be sure to use approved colors ### Issue _No response_ ### Attestations - [x] I have read and agree to the [Code of Conduct](https://docs.nhcarrigan.com/community/coc/) - [x] I have read and agree to the [Community Guidelines](https://docs.nhcarrigan.com/community/guide/). - [x] My contribution complies with the [Contributor Covenant](https://docs.nhcarrigan.com/dev/covenant/). ### Dependencies - [ ] I have pinned the dependencies to a specific patch version. ### Style - [x] I have run the linter and resolved any errors. - [x] My pull request uses an appropriate title, matching the conventional commit standards. - [x] My scope of feat/fix/chore/etc. correctly matches the nature of changes in my pull request. ### Tests - [ ] My contribution adds new code, and I have added tests to cover it. - [ ] My contribution modifies existing code, and I have updated the tests to reflect these changes. - [ ] All new and existing tests pass locally with my changes. - [ ] Code coverage remains at or above the configured threshold. ### Documentation _No response_ ### Versioning Patch - My pull request introduces bug fixes ONLY. Reviewed-on: https://git.nhcarrigan.com/nhcarrigan/docs/pulls/38 Co-authored-by: Ilenia Co-committed-by: Ilenia --- src/styles/style.css | 14 ++++++++++++++ 1 file changed, 14 insertions(+) diff --git a/src/styles/style.css b/src/styles/style.css index 08349e7..86ff9a6 100644 --- a/src/styles/style.css +++ b/src/styles/style.css @@ -191,6 +191,20 @@ site-search button[data-open-modal] kbd { border-color: var(--primary-color) !important; } +:where(.sl-markdown-content, .content-panel, article) :not(pre) > code { + font-family: "Courier New", monospace; + font-weight: 600; + background: rgba(43, 27, 61, 0.05) !important; + color: var(--witch-purple) !important; + padding: 2px 6px; + border-radius: 4px; +} + +html[data-theme="dark"] :where(.sl-markdown-content, .content-panel, article) :not(pre) > code { + background: rgba(255, 255, 255, 0.08) !important; + color: var(--witch-lavender) !important; +} + #starlight__search { --pagefind-ui-text: var(--primary-color); --pagefind-ui-primary: var(--witch-rose);