From 43df8f02dfd2d2f76b84492f182111fe71e9fd5d Mon Sep 17 00:00:00 2001
From: Quentin Gliech <quentingliech@gmail.com>
Date: Sun, 5 Apr 2026 21:11:41 +0200
Subject: [PATCH] fix(web): remove bg-muted/40 from Markdown code blocks
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The tinted background was washing out Shiki's light-colored tokens
(e.g. comments). Let Shiki's own theme background handle it — the
border alone provides enough visual separation.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 webui2/src/components/content/markdown.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/webui2/src/components/content/markdown.tsx b/webui2/src/components/content/markdown.tsx
index cac408c391a76bd50b8b2077d05c619ebb361fb3..2b7972f66c52565169d11dba082578bae1a47deb 100644
--- a/webui2/src/components/content/markdown.tsx
+++ b/webui2/src/components/content/markdown.tsx
@@ -178,8 +178,8 @@ export function Markdown({ content, className, repoContext }: MarkdownProps) {
     <div
       className={cn(
         "prose prose-sm dark:prose-invert max-w-none",
-        // Code blocks: subtle border, tinted background, rounded corners
-        "prose-pre:rounded-md prose-pre:border prose-pre:border-border prose-pre:bg-muted/40 prose-pre:text-sm prose-pre:overflow-x-auto",
+        // Code blocks: subtle border, rounded corners — background comes from Shiki's theme
+        "prose-pre:rounded-md prose-pre:border prose-pre:border-border prose-pre:text-sm prose-pre:overflow-x-auto",
         // Inline code: muted background pill
         "prose-code:bg-muted prose-code:px-1 prose-code:py-0.5 prose-code:rounded-sm prose-code:text-sm prose-code:before:content-none prose-code:after:content-none",
         // Reset inline code styles inside highlighted code blocks