add theme

Author: L4Ph

src/app.css

@@ -3,71 +3,50 @@
 @tailwind utilities;
 
 @layer base {
- :root {
-  --background: 0 0% 100%;
-  --foreground: 222.2 47.4% 11.2%;
- 
-  --muted: 210 40% 96.1%;
-  --muted-foreground: 215.4 16.3% 46.9%;
- 
-  --popover: 0 0% 100%;
-  --popover-foreground: 222.2 47.4% 11.2%;
- 
-  --border: 214.3 31.8% 91.4%;
-  --input: 214.3 31.8% 91.4%;
- 
-  --card: 0 0% 100%;
-  --card-foreground: 222.2 47.4% 11.2%;
- 
-  --primary: 222.2 47.4% 11.2%;
-  --primary-foreground: 210 40% 98%;
- 
-  --secondary: 210 40% 96.1%;
-  --secondary-foreground: 222.2 47.4% 11.2%;
- 
-  --accent: 210 40% 96.1%;
-  --accent-foreground: 222.2 47.4% 11.2%;
- 
-  --destructive: 0 92% 38%;
-  --destructive-foreground: 210 40% 98%;
- 
-  --ring: 215 20.2% 65.1%;
- 
-  --radius: 0.5rem;
- }
- 
- .dark {
-  --background: 224 71% 4%;
-  --foreground: 213 31% 91%;
- 
-  --muted: 223 47% 11%;
-  --muted-foreground: 215.4 16.3% 56.9%;
- 
-  --accent: 216 34% 17%;
-  --accent-foreground: 210 40% 98%;
- 
-  --popover: 224 71% 4%;
-  --popover-foreground: 215 20.2% 65.1%;
- 
-  --border: 216 34% 17%;
-  --input: 216 34% 17%;
- 
-  --card: 224 71% 4%;
-  --card-foreground: 213 31% 91%;
- 
-  --primary: 210 40% 98%;
-  --primary-foreground: 222.2 47.4% 1.2%;
- 
-  --secondary: 222.2 47.4% 11.2%;
-  --secondary-foreground: 210 40% 98%;
- 
-  --destructive: 359 51% 48%;
-  --destructive-foreground: 210 40% 98%;
- 
-  --ring: 216 34% 17%;
- 
-  --radius: 0.5rem;
- }
+  :root  {
+    --background: 194 0% 95%;
+    --foreground: 194 0% 0%;
+    --card: 194 0% 90%;
+    --card-foreground: 194 0% 10%;
+    --popover: 194 0% 95%;
+    --popover-foreground: 194 95% 0%;
+    --primary: 194 54.5% 61.2%;
+    --primary-foreground: 0 0% 0%;
+    --secondary: 194 10% 70%;
+    --secondary-foreground: 0 0% 0%;
+    --muted: 156 10% 85%;
+    --muted-foreground: 194 0% 35%;
+    --accent: 156 10% 80%;
+    --accent-foreground: 194 0% 10%;
+    --destructive: 0 50% 30%;
+    --destructive-foreground: 194 0% 90%;
+    --border: 194 20% 50%;
+    --input: 194 20% 18%;
+    --ring: 194 54.5% 61.2%;
+    --radius: 0.75rem;
+  }
+  .dark  {
+    --background: 194 10% 5%;
+    --foreground: 194 0% 90%;
+    --card: 194 0% 0%;
+    --card-foreground: 194 0% 90%;
+    --popover: 194 10% 5%;
+    --popover-foreground: 194 0% 90%;
+    --primary: 194 54.5% 61.2%;
+    --primary-foreground: 0 0% 0%;
+    --secondary: 194 10% 10%;
+    --secondary-foreground: 0 0% 100%;
+    --muted: 156 10% 15%;
+    --muted-foreground: 194 0% 60%;
+    --accent: 156 10% 15%;
+    --accent-foreground: 194 0% 90%;
+    --destructive: 0 50% 30%;
+    --destructive-foreground: 194 0% 90%;
+    --border: 194 20% 18%;
+    --input: 194 20% 18%;
+    --ring: 194 54.5% 61.2%;
+    --radius: 0.75rem;
+  }  
 }
 
 @layer base {