From 3bfa8b7575ab1d81493f7a00f5122dc73c826bfe Mon Sep 17 00:00:00 2001
From: Nicholas <30300649+NicholasFlamy@users.noreply.github.com>
Date: Sat, 23 Aug 2025 16:28:00 -0400
Subject: [PATCH] fix: border around dark theme button on onboarding page
 (#20846)

fix border around dark theme button
---
 web/src/lib/components/onboarding-page/onboarding-theme.svelte | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/web/src/lib/components/onboarding-page/onboarding-theme.svelte b/web/src/lib/components/onboarding-page/onboarding-theme.svelte
index 26e8fd9c7a..957cd8093a 100644
--- a/web/src/lib/components/onboarding-page/onboarding-theme.svelte
+++ b/web/src/lib/components/onboarding-page/onboarding-theme.svelte
@@ -24,7 +24,7 @@
     </button>
     <button
       type="button"
-      class="dark w-1/2 aspect-square bg-light rounded-3xl dark:border-[3px] dark:border-immich-dark-primary border border-transparent"
+      class="w-1/2 aspect-square bg-dark dark:bg-light rounded-3xl transition-all shadow-sm hover:shadow-xl dark:border-[3px] dark:border-immich-dark-primary border border-transparent"
       onclick={() => themeManager.setTheme(Theme.DARK)}
     >
       <div