From b35dc56aff17e21ea3a2d354b4187e6ca3335592 Mon Sep 17 00:00:00 2001
From: viettranx <viettranx@gmail.com>
Date: Wed, 4 Mar 2026 16:10:17 +0700
Subject: [PATCH] feat: add `prose-invert` class to user-rendered markdown
 content in `MarkdownRenderer`.

---
 ui/web/src/components/chat/rich-content.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/ui/web/src/components/chat/rich-content.tsx b/ui/web/src/components/chat/rich-content.tsx
index 8f384d78..30d275d3 100644
--- a/ui/web/src/components/chat/rich-content.tsx
+++ b/ui/web/src/components/chat/rich-content.tsx
@@ -228,7 +228,7 @@ export function RichContent({ content, role }: RichContentProps) {
   // If no special blocks found, render as plain markdown (fast path)
   const first = blocks[0];
   if (blocks.length === 1 && first?.type === "markdown") {
-    return <MarkdownRenderer content={content} className={role === "user" ? "text-sm" : ""} />;
+    return <MarkdownRenderer content={content} className={role === "user" ? "text-sm prose-invert" : ""} />;
   }
 
   return (
@@ -242,7 +242,7 @@ export function RichContent({ content, role }: RichContentProps) {
           case "video-notice":
             return <VideoNoticeBadge key={i} content={block.content} />;
           case "markdown":
-            return <MarkdownRenderer key={i} content={block.content} className={role === "user" ? "text-sm" : ""} />;
+            return <MarkdownRenderer key={i} content={block.content} className={role === "user" ? "text-sm prose-invert" : ""} />;
           case "file":
             return <FileBlock key={i} name={block.name} mime={block.mime} content={block.content} />;
           case "reply":