Skip to content

Commit 263a365

Browse files
samejrclaude
andcommitted
fix(webapp): drop the inset ring from the Trigger Agent badges
The chips carried `contrast-chip`, which draws an inset 1px ring in currentcolor so a low-contrast tint gets a visible edge. Now that they fill solid with a white label under Stronger colors, currentcolor is white - the ring became a white line inset into the fill, which is what read as a stray inner border on the light themes. The ring only ever applies under the preference, so removing it changes nothing about the tinted treatment underneath. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
1 parent 3ba5184 commit 263a365

1 file changed

Lines changed: 5 additions & 2 deletions

File tree

apps/webapp/app/components/dashboard-agent/agent-badges.tsx

Lines changed: 5 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -47,8 +47,11 @@ export function AgentBadge({
4747
<Badge
4848
variant="small"
4949
className={cn(
50-
// `contrast-chip`: the tinted chip gains a ring as interface contrast rises.
51-
"contrast-chip px-1.5 [&>span]:flex [&>span]:items-center [&>span]:gap-1",
50+
// No `contrast-chip` here: that ring is drawn in currentcolor to give a
51+
// low-contrast tint a visible edge, and these fill solid with a white
52+
// label under the preference - so it landed as a white line inset into
53+
// the fill.
54+
"px-1.5 [&>span]:flex [&>span]:items-center [&>span]:gap-1",
5255
TONE_BADGE[tone],
5356
className
5457
)}

0 commit comments

Comments
 (0)