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:
@@ -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 && (
|
||||||
|
|||||||
@@ -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;
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user