💄 chore (student): Updated gray shade from stone to neutral

aryanprince · Feb 8, 2024 · 74732b0 · 74732b0
1 parent b4e31fa
commit 74732b0
Showing 1 changed file with 55 additions and 38 deletions.
diff --git a/apps/student/src/styles/globals.css b/apps/student/src/styles/globals.css
@@ -4,48 +4,65 @@
 
 @layer base {
   :root {
-    --background: 0 0% 100%;
-    --foreground: 20 14.3% 4.1%;
-    --card: 0 0% 100%;
-    --card-foreground: 20 14.3% 4.1%;
-    --popover: 0 0% 100%;
-    --popover-foreground: 20 14.3% 4.1%;
-    --primary: 24.6 95% 53.1%;
-    --primary-foreground: 60 9.1% 97.8%;
-    --secondary: 60 4.8% 95.9%;
-    --secondary-foreground: 24 9.8% 10%;
-    --muted: 60 4.8% 95.9%;
-    --muted-foreground: 25 5.3% 44.7%;
-    --accent: 60 4.8% 95.9%;
-    --accent-foreground: 24 9.8% 10%;
-    --destructive: 0 84.2% 60.2%;
-    --destructive-foreground: 60 9.1% 97.8%;
-    --border: 20 5.9% 90%;
-    --input: 20 5.9% 90%;
-    --ring: 24.6 95% 53.1%;
+    --background: 0 0% 100%; /* white */
+    --foreground: 0 0% 3.9%; /* neutral-950 */
+
+    --card: 0 0% 100%; /* white */
+    --card-foreground: 0 0% 3.9%; /* neutral-950 */
+
+    --popover: 0 0% 100%; /* white */
+    --popover-foreground: 0 0% 3.9%; /* neutral-950 */
+
+    --primary: 24.6 95% 53.1%; /* orange-500 */
+    --primary-foreground: 0 0% 98%; /* neutral-50 */
+
+    --secondary: 0 0% 96.1%; /* neutral-100 */
+    --secondary-foreground: 0 0% 9%; /* neutral-900 */
+
+    --muted: 0 0% 96.1%; /* neutral-100 */
+    --muted-foreground: 0 0% 45.1%; /* neutral-500 */
+
+    --accent: 0 0% 96.1%; /* neutral-100 */
+    --accent-foreground: 0 0% 9%; /* neutral-900 */
+
+    --destructive: 0 84.2% 60.2%; /* red-500 */
+    --destructive-foreground: 0 0% 98%; /* neutral-50 */
+
+    --border: 0 0% 89.8%; /* neutral-200 */
+    --input: 0 0% 89.8%; /* neutral-200 */
+    --ring: 24.6 95% 53.1%; /* orange-500 */
+
     --radius: 0.75rem;
   }
 
   .dark {
-    --background: 20 14.3% 4.1%;
-    --foreground: 60 9.1% 97.8%;
-    --card: 20 14.3% 4.1%;
-    --card-foreground: 60 9.1% 97.8%;
-    --popover: 20 14.3% 4.1%;
-    --popover-foreground: 60 9.1% 97.8%;
-    --primary: 20.5 90.2% 48.2%;
-    --primary-foreground: 60 9.1% 97.8%;
-    --secondary: 12 6.5% 15.1%;
-    --secondary-foreground: 60 9.1% 97.8%;
-    --muted: 12 6.5% 15.1%;
-    --muted-foreground: 24 5.4% 63.9%;
-    --accent: 12 6.5% 15.1%;
-    --accent-foreground: 60 9.1% 97.8%;
-    --destructive: 0 72.2% 50.6%;
-    --destructive-foreground: 60 9.1% 97.8%;
-    --border: 12 6.5% 15.1%;
-    --input: 12 6.5% 15.1%;
-    --ring: 20.5 90.2% 48.2%;
+    --background: 0 0% 3.9%; /* neutral-950 */
+    --foreground: 0 0% 98%; /* neutral-50 */
+
+    --card: 0 0% 3.9%; /* neutral-950 */
+    --card-foreground: 0 0% 98%; /* neutral-50 */
+
+    --popover: 0 0% 3.9%; /* neutral-950 */
+    --popover-foreground: 0 0% 98%; /* neutral-50 */
+
+    --primary: 20.5 90.2% 48.2%; /* orange-600 */
+    --primary-foreground: 0 0% 98%; /* neutral-50 */
+
+    --secondary: 0 0% 14.9%; /* neutral-800 */
+    --secondary-foreground: 0 0% 98%; /* neutral-50 */
+
+    --muted: 0 0% 14.9%; /* neutral-800 */
+    --muted-foreground: 0 0% 63.9%; /* neutral-400 */
+
+    --accent: 0 0% 14.9%; /* neutral-800 */
+    --accent-foreground: 0 0% 98%; /* neutral-50 */
+
+    --destructive: 0 74% 42%; /* red-700 */
+    --destructive-foreground: 0 0% 98%; /* neutral-50 */
+
+    --border: 0 0% 14.9%; /* neutral-800 */
+    --input: 0 0% 14.9%; /* neutral-800 */
+    --ring: 20.5 90.2% 48.2%; /* orange-600 */
   }
 }