fix(web): use bg-muted as fallback for non-highlighted code blocks

Quentin Gliech and Claude Opus 4.6 (1M context) created 

Shiki's .shiki class overrides the background with its theme color.
For code blocks without a language (no Shiki), bg-muted provides a
visible container. This ensures both highlighted and plain code
blocks look correct in light and dark mode.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

Change summary

webui2/src/components/content/markdown.tsx | 5 +++--
1 file changed, 3 insertions(+), 2 deletions(-)

Detailed changes

webui2/src/components/content/markdown.tsx 🔗 

@@ -178,8 +178,9 @@ export function Markdown({ content, className, repoContext }: MarkdownProps) {
     <div
       className={cn(
         "prose prose-sm dark:prose-invert max-w-none",
-        // 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",
+        // Code blocks: border, rounded corners, fallback bg for non-highlighted blocks.
+        // Shiki adds .shiki class which overrides the background via CSS in index.css.
+        "prose-pre:rounded-md prose-pre:border prose-pre:border-border prose-pre:bg-muted 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