From 0989ed4fa8dcf53835203b6fa6989d99d8e0b27a Mon Sep 17 00:00:00 2001
From: Shibo Lyu <github@of.sb>
Date: Mon, 2 Sep 2024 02:36:38 +0800
Subject: [PATCH] fix: improve dark mode color palette

---
 src/app.css                                      | 12 ++++++++----
 src/routes/(app)/chats/[chatId]/ChatInput.svelte |  2 +-
 2 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/src/app.css b/src/app.css
index 4c19da9..233d770 100644
--- a/src/app.css
+++ b/src/app.css
@@ -17,9 +17,9 @@
 	}
 
 	.weblah-dark-theme {
-		--weblah-color-sb-primary: theme(colors.slate.950);
-		--weblah-color-sb-secondary: theme(colors.slate.900);
-		--weblah-color-sb-tertiary: theme(colors.slate.800);
+		--weblah-color-sb-primary: theme(colors.slate.900);
+		--weblah-color-sb-secondary: theme(colors.slate.950);
+		--weblah-color-sb-tertiary: theme(colors.black);
 
 		--weblah-color-sf-primary: theme(colors.slate.100);
 		--weblah-color-sf-secondary: theme(colors.slate.400);
@@ -38,9 +38,13 @@
 	}
 
 	@media (prefers-color-scheme: dark) {
-		:not([data-weblah-color-scheme='light'] *) {
+		:root {
 			@apply weblah-dark-theme;
 		}
+
+		:is([data-weblah-color-scheme='light'] *) {
+			@apply weblah-light-theme;
+		}
 	}
 }
 
diff --git a/src/routes/(app)/chats/[chatId]/ChatInput.svelte b/src/routes/(app)/chats/[chatId]/ChatInput.svelte
index c0c61c8..fc24c1b 100644
--- a/src/routes/(app)/chats/[chatId]/ChatInput.svelte
+++ b/src/routes/(app)/chats/[chatId]/ChatInput.svelte
@@ -25,7 +25,7 @@
 		<span class="sr-only">Attach</span>
 	</Button>
 	<RichTextInput bind:delta placeholder="Message" class="max-h-40 flex-1" />
-	<Button class="p-1.5">
+	<Button class="p-1.5" variant="primary">
 		<svg
 			xmlns="http://www.w3.org/2000/svg"
 			viewBox="0 0 24 24"