fix(shadcn-ui): update color of cards in dark mode (shadcn-ui#271)

LarsJK · May 2, 2023 · 888a5ad · 888a5ad
1 parent d99b992
commit 888a5ad
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 4 deletions.
diff --git a/.changeset/purple-dryers-repeat.md b/.changeset/purple-dryers-repeat.md
@@ -0,0 +1,5 @@
+---
+"shadcn-ui": patch
+---
+
+fix card color
diff --git a/apps/www/content/docs/installation.mdx b/apps/www/content/docs/installation.mdx
@@ -217,8 +217,8 @@ Add the following to your `styles/globals.css` file. You can learn more about us
     --popover: 224 71% 4%;
     --popover-foreground: 215 20.2% 65.1%;
 
-    --card: 0 0% 100%;
-    --card-foreground: 222.2 47.4% 11.2%;
+    --card: 224 71% 4%;
+    --card-foreground: 213 31% 91%;
 
     --border: 216 34% 17%;
     --input: 216 34% 17%;

diff --git a/packages/cli/src/utils/templates.ts b/packages/cli/src/utils/templates.ts
@@ -46,8 +46,8 @@ export const STYLES = `@tailwind base;
     --popover: 224 71% 4%;
     --popover-foreground: 215 20.2% 65.1%;
  
-    --card: 0 0% 100%;
-    --card-foreground: 222.2 47.4% 11.2%;
+    --card: 224 71% 4%;
+    --card-foreground: 213 31% 91%;
  
     --border: 216 34% 17%;
     --input: 216 34% 17%;