mirror of
https://github.com/MeshEnvy/mesh-forge.git
synced 2026-05-15 22:05:50 +02:00
style: update link and code styles in prose-invert for improved readability
This commit is contained in:
+19
-4
@@ -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%;
|
||||
|
||||
Reference in New Issue
Block a user