Refined the metal gray palette for better consistency and polish: - Renamed variables to semantic names (base, elevated, surface, interactive, input) - Reduced color range from 10%-30% to 16%-28% for smoother transitions - Adjusted saturation to 10-12% for more cohesive palette - Softened shadows and reduced motion for subtle elegance - Added distinct heading area background for better hierarchy - Improved button states with smoother hover transitions - Refined border weights (1px default, 2px for accents) - Updated all components to use new semantic variable names Color hierarchy: - metal-bg-base (16%): Body, terminal, code blocks - metal-bg-elevated (19%): Header, footer, control bars, headings - metal-bg-surface (22%): Cards, tables - metal-bg-interactive (25%): Buttons, pagination - metal-bg-input (28%): Form inputs - metal-border (32%): Subtle borders - metal-border-strong (40%): Accent borders Rose accents preserved for all interactive elements. 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
12 KiB
12 KiB