refactor: replace hardcoded hex values with Tailwind semantic tokens
3,200+ hardcoded color values replaced with CSS variable-backed Tailwind classes (bg-card, text-foreground, border-border, etc.). Enables light mode via CSS variable swap. Only syntax highlighting colors and intentional one-offs remain hardcoded (~15 values). Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
@@ -8,15 +8,15 @@ const buttonVariants = cva(
|
||||
variants: {
|
||||
variant: {
|
||||
primary:
|
||||
'bg-[#22d3ee] text-white font-semibold hover:brightness-110',
|
||||
'bg-primary text-white font-semibold hover:brightness-110',
|
||||
secondary:
|
||||
'bg-[#191c25] border border-[#1e2130] text-[#e2e5eb] hover:border-[#2a2f3d] hover:bg-[#1e2130]',
|
||||
'bg-input border border-border text-foreground hover:border-border-hover hover:bg-border',
|
||||
destructive:
|
||||
'bg-red-400/10 text-red-400 border border-red-400/20 hover:bg-red-400/20',
|
||||
ghost:
|
||||
'text-[#848b9b] hover:bg-accent hover:text-[#e2e5eb]',
|
||||
'text-muted-foreground hover:bg-accent hover:text-foreground',
|
||||
link:
|
||||
'text-[#22d3ee] underline-offset-4 hover:underline p-0 h-auto',
|
||||
'text-primary underline-offset-4 hover:underline p-0 h-auto',
|
||||
},
|
||||
size: {
|
||||
sm: 'h-8 px-3 text-xs rounded-lg',
|
||||
|
||||
Reference in New Issue
Block a user