mirror of
https://github.com/block/buzz.git
synced 2026-08-18 06:50:31 +02:00
Make mention chips legible inside own message bubbles
The mention chip's standalone palette is primary text on a primary tint — inside the primary-colored own bubble that disappears entirely, rendering mentioned names as blank gaps. Chips in own bubbles now derive from currentColor like the link chips (translucent fill, inherited text), staying legible on any bubble in both themes. The agent-mention icon already draws with currentColor, so it follows. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
This commit is contained in:
co-authored by
Claude Fable 5
parent
86cab382ae
commit
6047a11537
@@ -91,6 +91,15 @@
|
||||
color: currentColor;
|
||||
}
|
||||
|
||||
/* Mention chips get the same treatment: their standalone palette is
|
||||
primary-on-primary-tint, which disappears entirely inside the
|
||||
primary-colored own bubble (names rendered as blank gaps). currentColor
|
||||
derivation keeps them legible on any bubble. */
|
||||
.buzz-own-bubble-links .message-markdown .mention-chip {
|
||||
background: color-mix(in oklab, currentColor 16%, transparent);
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
.message-markdown .mention-chip,
|
||||
.message-markdown .inline-code-chip,
|
||||
.message-markdown :not(pre) > code {
|
||||
|
||||
Reference in New Issue
Block a user