Skip to content

Add ghost-primary, ghost-info, ghost-destructive button variants - #82

Merged
selfcontained merged 1 commit into
mainfrom
fix/button-ghost-variants
Mar 20, 2026
Merged

Add ghost-primary, ghost-info, ghost-destructive button variants#82
selfcontained merged 1 commit into
mainfrom
fix/button-ghost-variants

Conversation

@selfcontained

Copy link
Copy Markdown
Owner

Summary

  • Adds three new button variants (ghost-primary, ghost-info, ghost-destructive) to the shadcn Button component using CVA
  • Replaces 6 instances of inline Tailwind color overrides on ghost buttons in agent-sidebar.tsx and app-header.tsx
  • No visual change — same colors, now managed through the variant system

Test plan

  • npm run finalize:web — type check + production build pass
  • npm run test:e2e — 26/26 Playwright tests pass
  • Visual spot-check: start/attach (emerald), detach (sky), and stop (red) buttons in sidebar and header

🤖 Generated with Claude Code

Replace inline color overrides on ghost buttons with proper CVA variants,
consolidating 6 instances of duplicated Tailwind classes into the button
component's variant system.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
@selfcontained
selfcontained merged commit 7ac6287 into mainMar 20, 2026
1 check passed
@selfcontained
selfcontained deleted the fix/button-ghost-variants branch March 20, 2026 04:26
Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant

@selfcontained