From 3c09dc639e1b0a21a16b33f51dc0a61f59a64882 Mon Sep 17 00:00:00 2001 From: Shahrad Elahi Date: Sat, 27 Apr 2024 02:21:35 +0330 Subject: [PATCH] update color schema --- web/src/app.css | 69 ++++++++++++++++++++++++------------------------- 1 file changed, 34 insertions(+), 35 deletions(-) diff --git a/web/src/app.css b/web/src/app.css index 5fb89d3..610dbd6 100644 --- a/web/src/app.css +++ b/web/src/app.css @@ -4,68 +4,67 @@ @layer base { :root { - --background: 210 20% 98%; - --foreground: 224 71.4% 4.1%; + --background: 0 0% 100%; + --foreground: 240 10% 3.9%; - --muted: 220 14.3% 95.9%; - --muted-foreground: 220 8.9% 46.1%; + --muted: 240 4.8% 95.9%; + --muted-foreground: 240 3.8% 46.1%; --popover: 0 0% 100%; - --popover-foreground: 224 71.4% 4.1%; + --popover-foreground: 240 10% 3.9%; --card: 0 0% 100%; - --card-foreground: 224 71.4% 4.1%; + --card-foreground: 240 10% 3.9%; - --border: 220 13% 91%; - --input: 220 13% 91%; + --border: 240 5.9% 90%; + --input: 240 5.9% 90%; - --primary: 358 72% 31%; - --primary-foreground: 0 0% 100%; + --primary: 240 5.9% 10%; + --primary-foreground: 0 0% 98%; - --secondary: 220 14.3% 95.9%; - --secondary-foreground: 220.9 39.3% 11%; + --secondary: 240 4.8% 95.9%; + --secondary-foreground: 240 5.9% 10%; - --accent: 220 14.3% 95.9%; - --accent-foreground: 220.9 39.3% 11%; + --accent: 240 4.8% 95.9%; + --accent-foreground: 240 5.9% 10%; --destructive: 0 84.2% 60.2%; - --destructive-foreground: 210 20% 98%; + --destructive-foreground: 0 0% 98%; - /*--ring: 224 71.4% 4.1%;*/ - --ring: var(--primary); + --ring: 240 5% 64.9%; --radius: 0.5rem; } .dark { - --background: 224 71.4% 4.1%; - --foreground: 210 20% 98%; + --background: 240 10% 3.9%; + --foreground: 0 0% 98%; - --muted: 215 27.9% 16.9%; - --muted-foreground: 217.9 10.6% 64.9%; + --muted: 240 3.7% 15.9%; + --muted-foreground: 240 5% 64.9%; - --popover: 224 71.4% 4.1%; - --popover-foreground: 210 20% 98%; + --popover: 240 10% 3.9%; + --popover-foreground: 0 0% 98%; - --card: 224 71.4% 4.1%; - --card-foreground: 210 20% 98%; + --card: 240 10% 3.9%; + --card-foreground: 0 0% 98%; - --border: 215 27.9% 16.9%; - --input: 215 27.9% 16.9%; + --border: 240 3.7% 15.9%; + --input: 240 3.7% 15.9%; - --primary: 358 72% 31%; - --primary-foreground: 0 0% 100%; + --primary: 0 0% 98%; + --primary-foreground: 240 5.9% 10%; - --secondary: 215 27.9% 16.9%; - --secondary-foreground: 210 20% 98%; + --secondary: 240 3.7% 15.9%; + --secondary-foreground: 0 0% 98%; - --accent: 215 27.9% 16.9%; - --accent-foreground: 210 20% 98%; + --accent: 240 3.7% 15.9%; + --accent-foreground: 0 0% 98%; --destructive: 0 62.8% 30.6%; - --destructive-foreground: 210 20% 98%; + --destructive-foreground: 0 85.7% 97.3%; - --ring: 216 12.2% 83.9%; + --ring: 240 3.7% 15.9%; } }