feat: boost light theme to true neon intensity
Cranked up the neon vibes in light theme to match dark theme energy! Light Theme Neon Boost: - Bright cyan-tinted backgrounds (180-200° hue) - Vivid magenta primary (0.28 chroma - max intensity!) - Rich magenta/purple foreground (20% lightness, 0.12 chroma) - Electric cyan accent (90% lightness, 0.12 chroma, 180° hue) - Saturated borders (0.08 chroma) - Neon cyan waveforms (60% lightness, 0.26 chroma) - Magenta progress bars (58% lightness, 0.28 chroma) Color Intensity Increased: - Primary: 0.28 chroma (was 0.22 - 27% boost!) - Foreground: 0.12 chroma (was 0.05 - 140% boost!) - Accent: 0.12-0.18 chroma (was 0.05-0.10 - doubled!) - Borders: 0.08 chroma (was 0.03 - nearly tripled!) - Waveforms: 0.26-0.28 chroma (was 0.22 - 20% boost!) Hue Shift: - Cyan dominance (180-200° backgrounds) - Magenta accents (300-320° primaries/foregrounds) - Electric color combinations throughout Now both themes have matching neon energy: - Dark: Neon cyberpunk (purple/cyan/magenta) - Light: Bright neon pop (cyan/magenta/purple) Both themes now pop with vibrant, eye-catching colors! ⚡✨ 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
@@ -19,51 +19,51 @@
|
||||
/* CSS Variables for theming */
|
||||
@layer base {
|
||||
:root {
|
||||
/* Light mode colors using OKLCH - vibrant colorful palette */
|
||||
--background: oklch(95% 0.015 280);
|
||||
--foreground: oklch(25% 0.05 260);
|
||||
/* Light mode colors using OKLCH - bright neon palette */
|
||||
--background: oklch(98% 0.03 180);
|
||||
--foreground: oklch(20% 0.12 310);
|
||||
|
||||
--card: oklch(98% 0.01 290);
|
||||
--card-foreground: oklch(25% 0.05 260);
|
||||
--card: oklch(99% 0.02 200);
|
||||
--card-foreground: oklch(20% 0.12 310);
|
||||
|
||||
--popover: oklch(98% 0.01 290);
|
||||
--popover-foreground: oklch(25% 0.05 260);
|
||||
--popover: oklch(99% 0.02 200);
|
||||
--popover-foreground: oklch(20% 0.12 310);
|
||||
|
||||
--primary: oklch(55% 0.22 310);
|
||||
--primary-foreground: oklch(98% 0.01 290);
|
||||
--primary: oklch(58% 0.28 320);
|
||||
--primary-foreground: oklch(99% 0.02 200);
|
||||
|
||||
--secondary: oklch(90% 0.03 280);
|
||||
--secondary-foreground: oklch(30% 0.08 270);
|
||||
--secondary: oklch(92% 0.08 200);
|
||||
--secondary-foreground: oklch(25% 0.15 300);
|
||||
|
||||
--muted: oklch(92% 0.02 285);
|
||||
--muted-foreground: oklch(45% 0.08 260);
|
||||
--muted: oklch(94% 0.05 190);
|
||||
--muted-foreground: oklch(40% 0.12 260);
|
||||
|
||||
--accent: oklch(88% 0.05 300);
|
||||
--accent-foreground: oklch(30% 0.1 280);
|
||||
--accent: oklch(90% 0.12 180);
|
||||
--accent-foreground: oklch(25% 0.18 310);
|
||||
|
||||
--destructive: oklch(58% 0.22 20);
|
||||
--destructive-foreground: oklch(98% 0.01 290);
|
||||
--destructive: oklch(60% 0.28 15);
|
||||
--destructive-foreground: oklch(99% 0.02 200);
|
||||
|
||||
--border: oklch(82% 0.03 280);
|
||||
--input: oklch(88% 0.03 285);
|
||||
--ring: oklch(55% 0.22 310);
|
||||
--border: oklch(85% 0.08 200);
|
||||
--input: oklch(92% 0.06 190);
|
||||
--ring: oklch(58% 0.28 320);
|
||||
|
||||
--radius: 0.5rem;
|
||||
|
||||
--success: oklch(55% 0.2 160);
|
||||
--success-foreground: oklch(98% 0.01 290);
|
||||
--success: oklch(58% 0.25 160);
|
||||
--success-foreground: oklch(99% 0.02 200);
|
||||
|
||||
--warning: oklch(65% 0.2 80);
|
||||
--warning-foreground: oklch(25% 0.05 260);
|
||||
--warning: oklch(68% 0.25 85);
|
||||
--warning-foreground: oklch(20% 0.12 310);
|
||||
|
||||
--info: oklch(60% 0.2 240);
|
||||
--info-foreground: oklch(98% 0.01 290);
|
||||
--info: oklch(62% 0.25 240);
|
||||
--info-foreground: oklch(99% 0.02 200);
|
||||
|
||||
/* Audio-specific colors - vibrant cyan/purple */
|
||||
--waveform: oklch(58% 0.22 260);
|
||||
--waveform-progress: oklch(55% 0.22 310);
|
||||
--waveform-selection: oklch(60% 0.22 200);
|
||||
--waveform-bg: oklch(98% 0.008 285);
|
||||
/* Audio-specific colors - neon cyan/magenta */
|
||||
--waveform: oklch(60% 0.26 200);
|
||||
--waveform-progress: oklch(58% 0.28 320);
|
||||
--waveform-selection: oklch(62% 0.26 180);
|
||||
--waveform-bg: oklch(99% 0.015 190);
|
||||
}
|
||||
|
||||
.dark {
|
||||
|
||||
Reference in New Issue
Block a user