fix(): Dark mode destructive constrast ratio improvement.

* fix(): Dark mode red constrast ratio. * Use tailwind color. * Fix button foreground color. --------- Co-authored-by: aidanCQ <[email protected]>
CQCL · Apr 16, 2024 · 0c6798a · 0c6798a
1 parent c7e60c7
commit 0c6798a
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/src/tokens.css b/src/tokens.css
@@ -54,8 +54,8 @@
   --accent: 240 3.7% 15.9%;
   --accent-foreground: 0 0% 98%;
 
-  --destructive: 0 62.8% 30.6%;
-  --destructive-foreground: 0 0% 98%;
+  --destructive: 0, 84%, 60%;
+  --destructive-foreground: 240 10% 3.9%;
 
   --border: 240 3.7% 15.9%;
   --input: 240 3.7% 15.9%;

diff --git a/stories/shadcn/button.stories.tsx b/stories/shadcn/button.stories.tsx
@@ -8,5 +8,5 @@ const meta: Meta<typeof Button> = {
 export default meta;
 
 export const Default: StoryObj<typeof Button> = {
-  args: { children: "Button Text" },
+  args: { children: "Button Text", variant: "destructive" },
 };