style: increase chat text and heading contrast

Boosted assistant message text opacity for better readability
Styled markdown headings with a slightly stronger foreground color
This commit is contained in:
Bohdan Triapitsyn
2026-09-07 19:26:23 +03:00
parent b238cd7fbc
commit c9bef8bc05
2 changed files with 2 additions and 1 deletions
@@ -2162,7 +2162,7 @@ const AssistantMessageBody = React.memo(({
) : null} ) : null}
<div> <div>
<div <div
className="message-content-text leading-relaxed overflow-hidden text-foreground/80 [&_p:last-child]:mb-0 [&_ul:last-child]:mb-0 [&_ol:last-child]:mb-0" className="message-content-text leading-relaxed overflow-hidden text-foreground/90 [&_p:last-child]:mb-0 [&_ul:last-child]:mb-0 [&_ol:last-child]:mb-0"
> >
{renderedParts} {renderedParts}
{showErrorMessage && ( {showErrorMessage && (
+1
View File
@@ -1134,6 +1134,7 @@ html:not(.dark) .chat-scroll {
.markdown-content h5, .markdown-content h5,
.markdown-content h6 { .markdown-content h6 {
margin: 1.25rem 0 0.5rem; margin: 1.25rem 0 0.5rem;
color: color-mix(in srgb, var(--foreground) 95%, transparent);
font-weight: 600; font-weight: 600;
line-height: 1.3; line-height: 1.3;
} }