From e188d6ceb9c366a48164dee03176c02a3b428080 Mon Sep 17 00:00:00 2001 From: aidanCQ Date: Mon, 30 Sep 2024 14:48:58 +0100 Subject: [PATCH] fix(): Dark mode button colours. --- .storybook/styles.css | 4 ++-- src/tokens.css | 12 ++++++------ 2 files changed, 8 insertions(+), 8 deletions(-) diff --git a/.storybook/styles.css b/.storybook/styles.css index 7021847..69d3c7b 100644 --- a/.storybook/styles.css +++ b/.storybook/styles.css @@ -7,8 +7,8 @@ @apply border-border; } body { - @apply bg-background text-foreground; + @apply bg-background-sunk text-foreground; @apply font-sans; - @apply antialiased + @apply antialiased; } } diff --git a/src/tokens.css b/src/tokens.css index 0f0f9ec..6c93fd9 100644 --- a/src/tokens.css +++ b/src/tokens.css @@ -37,15 +37,15 @@ :root [data-theme="dark"] { color-scheme: dark; - --background-sunk: 240 10% 3.9%; - --background: 240 5.9% 6%; + --background-sunk: 240 10% 2%; + --background: 240 5.9% 8%; --foreground: 0 0% 98%; - --card: 240 5.9% 6%; + --card: 240 5.9% 8%; --card-foreground: 0 0% 98%; - --popover: 240 5.9% 6%; + --popover: 240 5.9% 8%; --popover-foreground: 0 0% 98%; --primary: 0 0% 98%; - --primary-foreground: 240 5.9% 6%; + --primary-foreground: 240 5.9% 8%; --secondary: 240 3.7% 15.9%; --secondary-foreground: 0 0% 98%; --muted: 240 3.7% 15.9%; @@ -55,7 +55,7 @@ --destructive: 0 62.8% 30.6%; --destructive-foreground: 0 0% 98%; --border: 240 3.7% 19.9%; - --input: 240 3.7% 23.9%; + --input: 240 3.7% 19.9%; --ring: 240 4.9% 83.9%; --chart-1: 220 70% 50%; --chart-2: 160 60% 45%;