From 45dc7aac68385f54b02f7b3c3b6d3efd25fd29d0 Mon Sep 17 00:00:00 2001
From: Ben Allfree <ben@benallfree.com>
Date: Fri, 17 Apr 2026 03:25:09 -0700
Subject: [PATCH] style: update link and code styles in prose-invert for
 improved readability

---
 src/index.css | 23 +++++++++++++++++++----
 1 file changed, 19 insertions(+), 4 deletions(-)

diff --git a/src/index.css b/src/index.css
index 73d554f..01b7802 100644
--- a/src/index.css
+++ b/src/index.css
@@ -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%;