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;
+ }
}