From b8868f7971c684e9095c8d3f3a62ffa8bc8f1350 Mon Sep 17 00:00:00 2001 From: padreug Date: Tue, 11 Mar 2025 22:04:58 +0100 Subject: [PATCH] improve colors --- src/assets/index.css | 98 ++++++++++++++++++++++---------------------- 1 file changed, 49 insertions(+), 49 deletions(-) diff --git a/src/assets/index.css b/src/assets/index.css index fdb2e5b..8310684 100644 --- a/src/assets/index.css +++ b/src/assets/index.css @@ -113,60 +113,60 @@ @layer base { :root { - /* Catppuccin Latte */ - --background: 0.97 0.005 235; /* base */ - --foreground: 0.30 0.02 235; /* text */ - --card: 0.97 0.005 235; - --card-foreground: 0.30 0.02 235; - --popover: 0.97 0.005 235; - --popover-foreground: 0.30 0.02 235; - --primary: 0.55 0.15 250; /* lavender */ - --primary-foreground: 0.97 0.005 235; - --secondary: 0.90 0.03 235; /* surface1 */ - --secondary-foreground: 0.30 0.02 235; - --muted: 0.93 0.02 235; /* surface0 */ - --muted-foreground: 0.50 0.02 235; /* subtext0 */ - --accent: 0.65 0.15 290; /* mauve */ - --accent-foreground: 0.30 0.02 235; - --destructive: 0.65 0.25 0; /* red */ - --destructive-foreground: 0.97 0.005 235; - --border: 0.90 0.03 235; /* surface1 */ - --input: 0.90 0.03 235; - --ring: 0.55 0.15 250; /* lavender */ - --chart-1: 0.65 0.25 0; /* red */ - --chart-2: 0.75 0.20 30; /* peach */ - --chart-3: 0.80 0.15 90; /* yellow */ - --chart-4: 0.70 0.15 150; /* green */ - --chart-5: 0.60 0.15 180; /* blue */ + /* Catppuccin Latte - Enhanced */ + --background: 0.98 0.005 235; /* base - slightly brighter */ + --foreground: 0.25 0.02 235; /* text - darker for contrast */ + --card: 1.0 0.005 235; /* pure white for cards */ + --card-foreground: 0.25 0.02 235; + --popover: 1.0 0.005 235; + --popover-foreground: 0.25 0.02 235; + --primary: 0.60 0.18 250; /* lavender - more saturated */ + --primary-foreground: 1.0 0.005 235; + --secondary: 0.92 0.04 235; /* surface1 - more distinct */ + --secondary-foreground: 0.25 0.02 235; + --muted: 0.95 0.03 235; /* surface0 - slightly more color */ + --muted-foreground: 0.45 0.03 235; /* subtext0 - better contrast */ + --accent: 0.70 0.18 290; /* mauve - more saturated */ + --accent-foreground: 0.25 0.02 235; + --destructive: 0.70 0.28 0; /* red - more vibrant */ + --destructive-foreground: 1.0 0.005 235; + --border: 0.90 0.04 235; /* surface1 - more visible */ + --input: 0.90 0.04 235; + --ring: 0.60 0.18 250; /* matching primary */ + --chart-1: 0.70 0.28 0; /* red - more vibrant */ + --chart-2: 0.80 0.25 30; /* peach - more saturated */ + --chart-3: 0.85 0.20 90; /* yellow - more saturated */ + --chart-4: 0.75 0.20 150; /* green - more saturated */ + --chart-5: 0.65 0.20 180; /* blue - more saturated */ --radius: 0.5rem; } .dark { - /* Catppuccin Mocha */ + /* Catppuccin Mocha - Enhanced */ --background: 0.25 0.03 256; /* base #1e1e2e */ - --foreground: 0.95 0.02 256; /* text #cdd6f4 */ - --card: 0.25 0.03 256; - --card-foreground: 0.95 0.02 256; - --popover: 0.25 0.03 256; - --popover-foreground: 0.95 0.02 256; - --primary: 0.75 0.12 270; /* lavender #b4befe */ - --primary-foreground: 0.25 0.03 256; - --secondary: 0.30 0.03 256; /* surface1 #313244 */ - --secondary-foreground: 0.95 0.02 256; - --muted: 0.28 0.03 256; /* surface0 #2a2b3c */ - --muted-foreground: 0.80 0.02 256; /* subtext0 #a1a8c9 */ - --accent: 0.70 0.15 300; /* mauve #cba6f7 */ - --accent-foreground: 0.95 0.02 256; - --destructive: 0.70 0.25 10; /* red #f38ba8 */ - --destructive-foreground: 0.95 0.02 256; - --border: 0.30 0.03 256; /* surface1 #313244 */ - --input: 0.30 0.03 256; - --ring: 0.75 0.12 270; /* lavender #b4befe */ - --chart-1: 0.70 0.25 10; /* red #f38ba8 */ - --chart-2: 0.80 0.20 40; /* peach #fab387 */ - --chart-3: 0.85 0.15 95; /* yellow #f9e2af */ - --chart-4: 0.75 0.15 155; /* green #a6e3a1 */ - --chart-5: 0.65 0.15 190; /* blue #89b4fa */ + --foreground: 0.98 0.02 256; /* text #cdd6f4 - slightly brighter */ + --card: 0.27 0.03 256; /* slightly lighter than background */ + --card-foreground: 0.98 0.02 256; + --popover: 0.27 0.03 256; + --popover-foreground: 0.98 0.02 256; + --primary: 0.80 0.15 270; /* lavender #b4befe - more saturated */ + --primary-foreground: 0.20 0.02 256; + --secondary: 0.32 0.04 256; /* surface1 #313244 - more distinct */ + --secondary-foreground: 0.98 0.02 256; + --muted: 0.29 0.03 256; /* surface0 #2a2b3c */ + --muted-foreground: 0.85 0.03 256; /* subtext0 - brighter */ + --accent: 0.75 0.18 300; /* mauve #cba6f7 - more saturated */ + --accent-foreground: 0.20 0.02 256; + --destructive: 0.75 0.28 10; /* red #f38ba8 - more vibrant */ + --destructive-foreground: 0.98 0.02 256; + --border: 0.32 0.04 256; /* slightly more visible borders */ + --input: 0.32 0.04 256; + --ring: 0.80 0.15 270; /* matching primary */ + --chart-1: 0.75 0.28 10; /* red #f38ba8 */ + --chart-2: 0.85 0.22 40; /* peach #fab387 */ + --chart-3: 0.88 0.18 95; /* yellow #f9e2af */ + --chart-4: 0.80 0.18 155; /* green #a6e3a1 */ + --chart-5: 0.70 0.18 190; /* blue #89b4fa */ } }