style: update link and code styles in prose-invert for improved readability

This commit is contained in:
Ben Allfree
2026-04-17 03:25:09 -07:00
parent 3235864063
commit 45dc7aac68
+19 -4
View File
@@ -75,23 +75,31 @@
}
.prose.prose-invert a {
color: oklch(0.82 0.12 195);
color: oklch(0.86 0.11 195);
font-weight: 500;
text-decoration: underline;
text-underline-offset: 0.15em;
}
.prose.prose-invert a:hover {
color: oklch(0.88 0.1 195);
color: oklch(0.93 0.09 195);
}
/* Inline backticks + fenced blocks: inline used dark primary on charcoal */
.prose.prose-invert code {
background-color: oklch(0.269 0 0);
background-color: oklch(0.34 0.02 260);
padding: 0.125rem 0.375rem;
border-radius: 0.25rem;
font-size: 0.875rem;
font-family: ui-monospace, SFMono-Regular, monospace;
color: oklch(0.488 0.243 264.376);
color: oklch(0.92 0.07 195);
border: 1px solid oklch(1 0 0 / 12%);
}
/* @tailwindcss/typography adds literal backtick glyphs via ::before/::after on inline code */
.prose.prose-invert code::before,
.prose.prose-invert code::after {
content: none;
}
.prose.prose-invert pre {
@@ -102,6 +110,13 @@
overflow-x: auto;
}
.prose.prose-invert pre code {
background-color: transparent;
padding: 0;
border: 0;
color: oklch(0.9 0.05 200);
}
@keyframes ci-progress-shimmer-x {
0% {
left: -45%;