From a2f59d0fd0199274222677293f716a9926315dd7 Mon Sep 17 00:00:00 2001
From: Maxime Scharwath <maxscharwath@gmail.com>
Date: Sat, 4 Jul 2026 23:15:07 +0200
Subject: [PATCH] fix(web): readme code blocks invisible in light mode

prose-pre:bg-muted overrode only the code-block background (light in light mode)
while the text kept the prose default (light), so code was light-on-light. Pin
the text to prose-pre:text-foreground so it reads in both themes.
---
 apps/web/src/components/plugin/markdown.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/web/src/components/plugin/markdown.tsx b/apps/web/src/components/plugin/markdown.tsx
index 72a9d760..90290c5e 100644
--- a/apps/web/src/components/plugin/markdown.tsx
+++ b/apps/web/src/components/plugin/markdown.tsx
@@ -5,7 +5,7 @@ type Props = Readonly<{ children: string }>;
 
 export function Markdown({ children }: Props) {
   return (
-    <div className="prose prose-sm dark:prose-invert max-w-none prose-pre:bg-muted prose-img:rounded-lg">
+    <div className="prose prose-sm dark:prose-invert max-w-none prose-pre:bg-muted prose-pre:text-foreground prose-img:rounded-lg">
       <ReactMarkdown remarkPlugins={[remarkGfm]}>{children}</ReactMarkdown>
     </div>
   );