From ce6657ce1f7cd00f79ef71e3340f616dd9683eba Mon Sep 17 00:00:00 2001
From: Huakun Shen <huakun.shen@huakunshen.com>
Date: Tue, 18 Feb 2025 05:13:15 -0500
Subject: [PATCH] feat: improve color for bg and border under semi transparent
 window

---
 apps/desktop/src/app.css                               | 10 +++++-----
 .../lib/components/standalone/general-settings.svelte  |  4 ++--
 apps/desktop/src/routes/app/+page.svelte               |  2 +-
 3 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/apps/desktop/src/app.css b/apps/desktop/src/app.css
index f69aa55..177ae8c 100644
--- a/apps/desktop/src/app.css
+++ b/apps/desktop/src/app.css
@@ -36,21 +36,21 @@
 	}
 
 	.dark {
-		--background: 0 0% 3.9%;
+		--background: 0 0% 15%;
 		--foreground: 0 0% 98%;
 		--muted: 0 0% 14.9%;
 		--muted-foreground: 0 0% 63.9%;
-		--popover: 0 0% 3.9%;
+		--popover: 0 0% 12%;
 		--popover-foreground: 0 0% 98%;
-		--card: 0 0% 3.9%;
+		--card: 0 0% 10%;
 		--card-foreground: 0 0% 98%;
 		--border: 0 0% 14.9%;
-		--input: 0 0% 14.9%;
+		--input: 0 0% 30%;
 		--primary: 0 0% 98%;
 		--primary-foreground: 0 0% 9%;
 		--secondary: 0 0% 14.9%;
 		--secondary-foreground: 0 0% 98%;
-		--accent: 0 0% 14.9%;
+		--accent: 0 0% 24.9%;
 		--accent-foreground: 0 0% 98%;
 		--destructive: 0 62.8% 30.6%;
 		--destructive-foreground: 0 0% 98%;
diff --git a/apps/desktop/src/lib/components/standalone/general-settings.svelte b/apps/desktop/src/lib/components/standalone/general-settings.svelte
index 52ebc46..c08c62f 100644
--- a/apps/desktop/src/lib/components/standalone/general-settings.svelte
+++ b/apps/desktop/src/lib/components/standalone/general-settings.svelte
@@ -29,7 +29,7 @@
 	const triggerContent = $derived(languages.find((f) => f.value === language)?.label ?? "Language")
 </script>
 
-<ul class="rounded-lg border">
+<ul class="border-accent rounded-lg border">
 	<li>
 		<span>{m.settings_general_launch_at_login()}</span>
 		<Switch
@@ -105,7 +105,7 @@
 
 <style scoped>
 	li {
-		@apply flex items-center justify-between border-b px-3 py-3;
+		@apply border-accent flex items-center justify-between border-b px-3 py-3;
 	}
 	ul li:last-child {
 		@apply border-b-0;
diff --git a/apps/desktop/src/routes/app/+page.svelte b/apps/desktop/src/routes/app/+page.svelte
index 16d870a..ea31f14 100644
--- a/apps/desktop/src/routes/app/+page.svelte
+++ b/apps/desktop/src/routes/app/+page.svelte
@@ -137,7 +137,7 @@
 
 			<DropdownMenu.Root>
 				<DropdownMenu.Trigger>
-					<Button variant="outline" size="icon" class=" bg-background/50"><EllipsisVerticalIcon /></Button>
+					<Button variant="outline" size="icon" class=""><EllipsisVerticalIcon /></Button>
 				</DropdownMenu.Trigger>
 				<DropdownMenu.Content class="w-80">
 					<DropdownMenu.Group>