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:
Michael Chihlas
2026-03-22 04:34:35 -04:00
parent 123fc50af9
commit 303a558432
251 changed files with 3310 additions and 3310 deletions

View File

@@ -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',