From 547753772c7a0a1673f6b9c6861ed7f4ff2a1b8d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Sebastian=20Kr=C3=BCger?= <valknar@pivoine.art>
Date: Sun, 1 Mar 2026 16:28:47 +0100
Subject: [PATCH] feat: style Sonner toasts to match glassmorphic app theme

Drop richColors, apply dark glass background with subtle per-type
border tints (primary/success, red/error, amber/warning, blue/info).

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 components/providers/Providers.tsx | 18 +++++++++++++++++-
 1 file changed, 17 insertions(+), 1 deletion(-)

diff --git a/components/providers/Providers.tsx b/components/providers/Providers.tsx
index 2d6e5be..a156367 100644
--- a/components/providers/Providers.tsx
+++ b/components/providers/Providers.tsx
@@ -25,7 +25,23 @@ export function Providers({ children }: { children: React.ReactNode }) {
         <SWRegistration />
         {children}
       </TooltipProvider>
-      <Toaster position="top-right" richColors />
+      <Toaster
+        theme="dark"
+        position="bottom-right"
+        toastOptions={{
+          classNames: {
+            toast:
+              '!bg-[#13131f] !border !border-white/8 !text-white/85 !rounded-xl !shadow-2xl !font-sans',
+            title: '!text-sm !font-medium !text-white/85',
+            description: '!text-xs !text-white/45',
+            icon: '!mt-px',
+            success: '!border-primary/25',
+            error: '!border-red-500/25',
+            warning: '!border-amber-400/25',
+            info: '!border-blue-400/25',
+          },
+        }}
+      />
     </QueryClientProvider>
   );
 }