-
Notifications
You must be signed in to change notification settings - Fork 2.7k
Closed
Description
Problem
User messages with both text and images show invisible text due to color contrast issues.
Root Cause
- User messages use dark background (
#141414) with white text - Text-only: renders as raw text, inherits white color ✅
- Text+image: uses
MarkdownRendererwithoutforceDarkTheme, renders gray text on dark background ❌
Technical Details
MultimodalContent.tsx calls MarkdownRenderer without theme:
<MarkdownRenderer content={part.text} /> // Missing forceDarkThemeMarkdownRenderer defaults to light theme:
const themeClass = forceDarkTheme ? 'dark' : 'light';
// Results in text-gray-800 (dark gray) on #141414 backgroundSolution
Pass forceDarkTheme={true} to MarkdownRenderer in MultimodalContent.tsx:
<MarkdownRenderer content={part.text} forceDarkTheme={true} />Reactions are currently unavailable
Metadata
Metadata
Assignees
Labels
No labels