chore: update component-tests global.css

Author: maiieul

apps/component-tests/src/global.css

@@ -206,8 +206,8 @@
     --card-foreground: 222.2 47.4% 11.2%;
     --border: 214.3 31.8% 91.4%;
     --input: 214.3 31.8% 91.4%;
-    --secondary: 214.3 31.8% 91.4%;
-    --secondary-foreground: 0 0% 0%;
+    --secondary: 222.2 47.4% 11.2%;
+    --secondary-foreground: 0 0% 100%;
     --accent: 210 40% 96.1%;
     --accent-foreground: 222.2 47.4% 11.2%;
     --alert: 0 84.2% 60.2%;
@@ -225,7 +225,7 @@
     --card-foreground: 210 40% 98%;
     --border: 217.2 32.6% 17.5%;
     --input: 217.2 32.6% 17.5%;
-    --secondary: 214.3 31.8% 91.4%;
+    --secondary: 210 40% 96.1%;
     --secondary-foreground: 0 0% 0%;
     --accent: 217.2 32.6% 17.5%;
     --accent-foreground: 210 40% 98%;
@@ -245,8 +245,8 @@
     --card-foreground: 220.9 39.3% 11%;
     --border: 220 13% 91%;
     --input: 220 13% 91%;
-    --secondary: 220 13% 91%;
-    --secondary-foreground: 0 0% 0%;
+    --secondary: 220.9 39.3% 11%;
+    --secondary-foreground: 0 0% 100%;
     --accent: 220 14.3% 95.9%;
     --accent-foreground: 220.9 39.3% 11%;
     --alert: 0 84.2% 60.2%;
@@ -264,7 +264,7 @@
     --card-foreground: 210 20% 98%;
     --border: 215 27.9% 16.9%;
     --input: 215 27.9% 16.9%;
-    --secondary: 220 13% 91%;
+    --secondary: 220 14.3% 95.9%;
     --secondary-foreground: 0 0% 0%;
     --accent: 215 27.9% 16.9%;
     --accent-foreground: 210 20% 98%;
@@ -284,8 +284,8 @@
     --card-foreground: 240 5.9% 10%;
     --border: 240 5.9% 90%;
     --input: 240 5.9% 90%;
-    --secondary: 240 5.9% 90%;
-    --secondary-foreground: 0 0% 0%;
+    --secondary: 240 5.9% 10%;
+    --secondary-foreground: 0 0% 100%;
     --accent: 240 4.8% 95.9%;
     --accent-foreground: 240 5.9% 10%;
     --alert: 0 84.2% 60.2%;
@@ -303,7 +303,7 @@
     --card-foreground: 0 0% 98%;
     --border: 240 3.7% 15.9%;
     --input: 240 3.7% 15.9%;
-    --secondary: 240 5.9% 90%;
+    --secondary: 240 4.8% 95.9%;
     --secondary-foreground: 0 0% 0%;
     --accent: 240 3.7% 15.9%;
     --accent-foreground: 0 0% 98%;
@@ -323,8 +323,8 @@
     --card-foreground: 0 0% 9%;
     --border: 0 0% 89.8%;
     --input: 0 0% 89.8%;
-    --secondary: 0 0% 89.8%;
-    --secondary-foreground: 0 0% 0%;
+    --secondary: 0 0% 9%;
+    --secondary-foreground: 0 0% 100%;
     --accent: 0 0% 96.1%;
     --accent-foreground: 0 0% 9%;
     --alert: 0 84.2% 60.2%;
@@ -342,7 +342,7 @@
     --card-foreground: 0 0% 98%;
     --border: 0 0% 14.9%;
     --input: 0 0% 14.9%;
-    --secondary: 0 0% 89.8%;
+    --secondary: 0 0% 96.1%;
     --secondary-foreground: 0 0% 0%;
     --accent: 0 0% 14.9%;
     --accent-foreground: 0 0% 98%;
@@ -362,8 +362,8 @@
     --card-foreground: 24 9.8% 10%;
     --border: 20 5.9% 90%;
     --input: 20 5.9% 90%;
-    --secondary: 20 5.9% 90%;
-    --secondary-foreground: 0 0% 0%;
+    --secondary: 24 9.8% 10%;
+    --secondary-foreground: 0 0% 100%;
     --accent: 60 4.8% 95.9%;
     --accent-foreground: 24 9.8% 10%;
     --alert: 0 84.2% 60.2%;
@@ -381,7 +381,7 @@
     --card-foreground: 60 9.1% 97.8%;
     --border: 12 6.5% 15.1%;
     --input: 12 6.5% 15.1%;
-    --secondary: 20 5.9% 90%;
+    --secondary: 60 4.8% 95.9%;
     --secondary-foreground: 0 0% 0%;
     --accent: 12 6.5% 15.1%;
     --accent-foreground: 60 9.1% 97.8%;
@@ -1221,7 +1221,15 @@
     @apply border-border;
   }
   body {
-    @apply bg-background text-foreground;
+    @apply bg-background font-sans text-foreground;
+  }
+
+  p code {
+    @apply rounded-sm border-b-2 bg-accent px-2 py-0.5;
+  }
+
+  pre code {
+    @apply whitespace-pre-wrap;
   }
 
   *::-webkit-scrollbar {