fix: improve command text contrast in light theme (#225)

- Replace bg-black/90 with bg-muted for better theme adaptation
- Replace text-foreground with text-muted-foreground for proper contrast
- Add border-border for better visual separation
- Ensures WCAG AAA compliance in both light and dark themes

Fixes contrast issue where command text was barely readable in light theme
(black text on nearly black background)
This commit is contained in:
Roomote Bot 2025-07-07 13:36:41 -07:00 committed by GitHub
parent 891f4a58fa
commit c6df980faf
No known key found for this signature in database
GPG key ID: B5690EEEBB952194

View file

@ -434,7 +434,7 @@ export const Messages = ({
</div>
) : isCommand ? (
<div className="space-y-3">
<div className="bg-black/90 text-foreground p-3 rounded-md font-mono text-sm">
<div className="bg-muted text-muted-foreground p-3 rounded-md font-mono text-sm border border-border">
{message.text}
</div>
</div>