padreug/web-app
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

improve colors

Browse source
This commit is contained in:
padreug 2025-03-11 22:04:58 +01:00
parent f5e22dedec
commit b8868f7971
1 changed files with 49 additions and 49 deletions
Download patch file Download diff file Expand all files Collapse all files

98
src/assets/index.css
View file

@ -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 */
}
}