fix(a11y): improve inline code contrast in light theme (#9058)

This commit is contained in:
Jeff Ramnani
2026-05-12 16:26:47 -07:00
committed by GitHub
parent 06d414196c
commit bc6e0b25dc
+11 -7
View File
@@ -183,6 +183,8 @@
--text-inverse: var(--color-white);
--text-danger: var(--color-red-200);
--color-inline-code: #c2410c;
/* Search highlighting */
--highlight-color: rgba(255, 213, 0, 0.5);
--highlight-current: rgba(252, 213, 3, 0.6);
@@ -208,6 +210,8 @@
--text-inverse: var(--color-black);
--text-danger: var(--color-red-100);
--color-inline-code: #ff7235;
/* Search highlighting */
--highlight-color: rgba(255, 213, 0, 0.5);
--highlight-current: rgba(252, 213, 3, 0.6);
@@ -551,12 +555,18 @@ body {
.bg-inline-code {
border-radius: 4px;
color: var(--color-neutral-200);
color: var(--color-inline-code);
background-color: var(--color-neutral-50);
font-family: monospace;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: normal;
padding: 2px 4px;
}
.dark .bg-inline-code {
background-color: var(--color-neutral-900);
}
.bg-inline-code:before {
@@ -567,12 +577,6 @@ pre:has(> code.bg-inline-code) {
padding: 1em;
}
li > code.bg-inline-code,
p > code.bg-inline-code {
color: var(--color-block-orange);
padding: 2px 4px;
}
.bg-inline-code:after {
content: '';
}