diff --git a/ui/web/src/components/shared/markdown-renderer.tsx b/ui/web/src/components/shared/markdown-renderer.tsx index ed9c7f0e..b45d9672 100644 --- a/ui/web/src/components/shared/markdown-renderer.tsx +++ b/ui/web/src/components/shared/markdown-renderer.tsx @@ -16,7 +16,7 @@ function CodeBlock({ const lang = className?.replace("language-", "") ?? ""; return ( -
+
{lang || "code"}
-
+      
         {children}
       
@@ -94,6 +94,12 @@ export function MarkdownRenderer({ content, className }: MarkdownRendererProps) td({ children, ...props }) { return {children}; }, + input({ type, checked, ...props }) { + if (type === "checkbox") { + return ; + } + return ; + }, }} > {content} diff --git a/ui/web/src/index.css b/ui/web/src/index.css index e4afe940..f051fe38 100644 --- a/ui/web/src/index.css +++ b/ui/web/src/index.css @@ -135,4 +135,14 @@ @apply bg-background text-foreground; font-family: system-ui, -apple-system, sans-serif; } + + /* Override prose's dark pre background with theme-aware colors */ + .prose pre { + background-color: var(--muted); + color: var(--foreground); + } + .prose pre code, + .prose pre code.hljs { + color: inherit; + } }