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 { @layer base {
:root { :root {
/* Catppuccin Latte */ /* Catppuccin Latte - Enhanced */
--background: 0.97 0.005 235; /* base */ --background: 0.98 0.005 235; /* base - slightly brighter */
--foreground: 0.30 0.02 235; /* text */ --foreground: 0.25 0.02 235; /* text - darker for contrast */
--card: 0.97 0.005 235; --card: 1.0 0.005 235; /* pure white for cards */
--card-foreground: 0.30 0.02 235; --card-foreground: 0.25 0.02 235;
--popover: 0.97 0.005 235; --popover: 1.0 0.005 235;
--popover-foreground: 0.30 0.02 235; --popover-foreground: 0.25 0.02 235;
--primary: 0.55 0.15 250; /* lavender */ --primary: 0.60 0.18 250; /* lavender - more saturated */
--primary-foreground: 0.97 0.005 235; --primary-foreground: 1.0 0.005 235;
--secondary: 0.90 0.03 235; /* surface1 */ --secondary: 0.92 0.04 235; /* surface1 - more distinct */
--secondary-foreground: 0.30 0.02 235; --secondary-foreground: 0.25 0.02 235;
--muted: 0.93 0.02 235; /* surface0 */ --muted: 0.95 0.03 235; /* surface0 - slightly more color */
--muted-foreground: 0.50 0.02 235; /* subtext0 */ --muted-foreground: 0.45 0.03 235; /* subtext0 - better contrast */
--accent: 0.65 0.15 290; /* mauve */ --accent: 0.70 0.18 290; /* mauve - more saturated */
--accent-foreground: 0.30 0.02 235; --accent-foreground: 0.25 0.02 235;
--destructive: 0.65 0.25 0; /* red */ --destructive: 0.70 0.28 0; /* red - more vibrant */
--destructive-foreground: 0.97 0.005 235; --destructive-foreground: 1.0 0.005 235;
--border: 0.90 0.03 235; /* surface1 */ --border: 0.90 0.04 235; /* surface1 - more visible */
--input: 0.90 0.03 235; --input: 0.90 0.04 235;
--ring: 0.55 0.15 250; /* lavender */ --ring: 0.60 0.18 250; /* matching primary */
--chart-1: 0.65 0.25 0; /* red */ --chart-1: 0.70 0.28 0; /* red - more vibrant */
--chart-2: 0.75 0.20 30; /* peach */ --chart-2: 0.80 0.25 30; /* peach - more saturated */
--chart-3: 0.80 0.15 90; /* yellow */ --chart-3: 0.85 0.20 90; /* yellow - more saturated */
--chart-4: 0.70 0.15 150; /* green */ --chart-4: 0.75 0.20 150; /* green - more saturated */
--chart-5: 0.60 0.15 180; /* blue */ --chart-5: 0.65 0.20 180; /* blue - more saturated */
--radius: 0.5rem; --radius: 0.5rem;
} }
.dark { .dark {
/* Catppuccin Mocha */ /* Catppuccin Mocha - Enhanced */
--background: 0.25 0.03 256; /* base #1e1e2e */ --background: 0.25 0.03 256; /* base #1e1e2e */
--foreground: 0.95 0.02 256; /* text #cdd6f4 */ --foreground: 0.98 0.02 256; /* text #cdd6f4 - slightly brighter */
--card: 0.25 0.03 256; --card: 0.27 0.03 256; /* slightly lighter than background */
--card-foreground: 0.95 0.02 256; --card-foreground: 0.98 0.02 256;
--popover: 0.25 0.03 256; --popover: 0.27 0.03 256;
--popover-foreground: 0.95 0.02 256; --popover-foreground: 0.98 0.02 256;
--primary: 0.75 0.12 270; /* lavender #b4befe */ --primary: 0.80 0.15 270; /* lavender #b4befe - more saturated */
--primary-foreground: 0.25 0.03 256; --primary-foreground: 0.20 0.02 256;
--secondary: 0.30 0.03 256; /* surface1 #313244 */ --secondary: 0.32 0.04 256; /* surface1 #313244 - more distinct */
--secondary-foreground: 0.95 0.02 256; --secondary-foreground: 0.98 0.02 256;
--muted: 0.28 0.03 256; /* surface0 #2a2b3c */ --muted: 0.29 0.03 256; /* surface0 #2a2b3c */
--muted-foreground: 0.80 0.02 256; /* subtext0 #a1a8c9 */ --muted-foreground: 0.85 0.03 256; /* subtext0 - brighter */
--accent: 0.70 0.15 300; /* mauve #cba6f7 */ --accent: 0.75 0.18 300; /* mauve #cba6f7 - more saturated */
--accent-foreground: 0.95 0.02 256; --accent-foreground: 0.20 0.02 256;
--destructive: 0.70 0.25 10; /* red #f38ba8 */ --destructive: 0.75 0.28 10; /* red #f38ba8 - more vibrant */
--destructive-foreground: 0.95 0.02 256; --destructive-foreground: 0.98 0.02 256;
--border: 0.30 0.03 256; /* surface1 #313244 */ --border: 0.32 0.04 256; /* slightly more visible borders */
--input: 0.30 0.03 256; --input: 0.32 0.04 256;
--ring: 0.75 0.12 270; /* lavender #b4befe */ --ring: 0.80 0.15 270; /* matching primary */
--chart-1: 0.70 0.25 10; /* red #f38ba8 */ --chart-1: 0.75 0.28 10; /* red #f38ba8 */
--chart-2: 0.80 0.20 40; /* peach #fab387 */ --chart-2: 0.85 0.22 40; /* peach #fab387 */
--chart-3: 0.85 0.15 95; /* yellow #f9e2af */ --chart-3: 0.88 0.18 95; /* yellow #f9e2af */
--chart-4: 0.75 0.15 155; /* green #a6e3a1 */ --chart-4: 0.80 0.18 155; /* green #a6e3a1 */
--chart-5: 0.65 0.15 190; /* blue #89b4fa */ --chart-5: 0.70 0.18 190; /* blue #89b4fa */
} }
} }