refactor(global.css themes): make secondary darker in light mode and lighter in dark mode

Author: maiieul

apps/website/src/global.css

@@ -191,7 +191,7 @@
     --card-foreground: 222.2 47.4% 11.2%;
     --border: 214.3 31.8% 91.4%;
     --input: 214.3 31.8% 91.4%;
-    --secondary: 210 40% 96.1%;
+    --secondary: 212.7 26.8% 83.9%;
     --secondary-foreground: 222.2 47.4% 11.2%;
     --accent: 210 40% 96.1%;
     --accent-foreground: 222.2 47.4% 11.2%;
@@ -210,7 +210,7 @@
     --card-foreground: 210 40% 98%;
     --border: 217.2 32.6% 17.5%;
     --input: 217.2 32.6% 17.5%;
-    --secondary: 217.2 32.6% 17.5%;
+    --secondary: 215.3 25% 26.7%;
     --secondary-foreground: 210 40% 98%;
     --accent: 217.2 32.6% 17.5%;
     --accent-foreground: 210 40% 98%;
@@ -230,7 +230,7 @@
     --card-foreground: 220.9 39.3% 11%;
     --border: 220 13% 91%;
     --input: 220 13% 91%;
-    --secondary: 220 14.3% 95.9%;
+    --secondary: 216 12.2% 83.9%;
     --secondary-foreground: 220.9 39.3% 11%;
     --accent: 220 14.3% 95.9%;
     --accent-foreground: 220.9 39.3% 11%;
@@ -249,7 +249,7 @@
     --card-foreground: 210 20% 98%;
     --border: 215 27.9% 16.9%;
     --input: 215 27.9% 16.9%;
-    --secondary: 215 27.9% 16.9%;
+    --secondary: 216.9 19.1% 26.7%;
     --secondary-foreground: 210 20% 98%;
     --accent: 215 27.9% 16.9%;
     --accent-foreground: 210 20% 98%;
@@ -269,7 +269,7 @@
     --card-foreground: 240 5.9% 10%;
     --border: 240 5.9% 90%;
     --input: 240 5.9% 90%;
-    --secondary: 240 4.8% 95.9%;
+    --secondary: 240 4.9% 83.9%;
     --secondary-foreground: 240 5.9% 10%;
     --accent: 240 4.8% 95.9%;
     --accent-foreground: 240 5.9% 10%;
@@ -288,7 +288,7 @@
     --card-foreground: 0 0% 98%;
     --border: 240 3.7% 15.9%;
     --input: 240 3.7% 15.9%;
-    --secondary: 240 3.7% 15.9%;
+    --secondary: 240 5.3% 26.1%;
     --secondary-foreground: 0 0% 98%;
     --accent: 240 3.7% 15.9%;
     --accent-foreground: 0 0% 98%;
@@ -308,7 +308,7 @@
     --card-foreground: 0 0% 9%;
     --border: 0 0% 89.8%;
     --input: 0 0% 89.8%;
-    --secondary: 0 0% 96.1%;
+    --secondary: 0 0% 83.1%;
     --secondary-foreground: 0 0% 9%;
     --accent: 0 0% 96.1%;
     --accent-foreground: 0 0% 9%;
@@ -327,7 +327,7 @@
     --card-foreground: 0 0% 98%;
     --border: 0 0% 14.9%;
     --input: 0 0% 14.9%;
-    --secondary: 0 0% 14.9%;
+    --secondary: 0 0% 25.1%;
     --secondary-foreground: 0 0% 98%;
     --accent: 0 0% 14.9%;
     --accent-foreground: 0 0% 98%;
@@ -347,7 +347,7 @@
     --card-foreground: 24 9.8% 10%;
     --border: 20 5.9% 90%;
     --input: 20 5.9% 90%;
-    --secondary: 60 4.8% 95.9%;
+    --secondary: 24 5.7% 82.9%;
     --secondary-foreground: 24 9.8% 10%;
     --accent: 60 4.8% 95.9%;
     --accent-foreground: 24 9.8% 10%;
@@ -366,7 +366,7 @@
     --card-foreground: 60 9.1% 97.8%;
     --border: 12 6.5% 15.1%;
     --input: 12 6.5% 15.1%;
-    --secondary: 12 6.5% 15.1%;
+    --secondary: 30 6.3% 25.1%;
     --secondary-foreground: 60 9.1% 97.8%;
     --accent: 12 6.5% 15.1%;
     --accent-foreground: 60 9.1% 97.8%;