From a554b91a28a241640c779295ad1d13a2bef222b4 Mon Sep 17 00:00:00 2001
From: ComputelessComputer <john@hyprnote.com>
Date: Mon, 23 Feb 2026 01:31:37 +0900
Subject: [PATCH] feat: redesign button styles with enhanced visuals

Update button styling from stone-600 to stone-800 background with
stone-700 hover state. Add border, shadow effects and smooth
transitions to improve visual hierarchy and user interaction
feedback across onboarding and toast components.
---
 apps/desktop/src/components/main/sidebar/toast/component.tsx | 2 +-
 apps/desktop/src/components/onboarding/shared.tsx            | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/desktop/src/components/main/sidebar/toast/component.tsx b/apps/desktop/src/components/main/sidebar/toast/component.tsx
index 3f77776cea..b706bb69d7 100644
--- a/apps/desktop/src/components/main/sidebar/toast/component.tsx
+++ b/apps/desktop/src/components/main/sidebar/toast/component.tsx
@@ -65,7 +65,7 @@ export function Toast({
           {toast.primaryAction && (
             <button
               onClick={toast.primaryAction.onClick}
-              className="w-full py-2 rounded-full bg-stone-600 text-white text-sm font-medium duration-150 hover:scale-[1.01] active:scale-[0.99]"
+              className="w-full py-2 rounded-full bg-stone-800 hover:bg-stone-700 text-white text-sm font-medium border-2 border-stone-600 shadow-[0_4px_14px_rgba(87,83,78,0.4)] transition-all duration-200"
             >
               {toast.primaryAction.label}
             </button>
diff --git a/apps/desktop/src/components/onboarding/shared.tsx b/apps/desktop/src/components/onboarding/shared.tsx
index 35c32d5c85..7943b2cc69 100644
--- a/apps/desktop/src/components/onboarding/shared.tsx
+++ b/apps/desktop/src/components/onboarding/shared.tsx
@@ -129,7 +129,7 @@ export function OnboardingButton(
   return (
     <button
       {...props}
-      className="w-fit px-6 py-2.5 rounded-full bg-stone-600 text-white text-sm font-medium duration-150 hover:scale-[1.01] active:scale-[0.99]"
+      className="w-fit px-6 py-2.5 rounded-full bg-stone-800 hover:bg-stone-700 text-white text-sm font-medium border-2 border-stone-600 shadow-[0_4px_14px_rgba(87,83,78,0.4)] transition-all duration-200"
     />
   );
 }