visual upgrade

2026-07-23 04:23:19 -05:00
parent 9d7f593307
commit 822d8e41e6
53 changed files with 7757 additions and 285 deletions
@@ -1,20 +1,26 @@
 import { Toaster as Sonner, toast } from "sonner";
+import { useOptionalTheme } from "../lib/theme";

 /** Pre-themed sonner Toaster. Drop <Toaster /> once near your app root. */
-export const Toaster = (props: React.ComponentProps<typeof Sonner>) => (
-  <Sonner
-    theme="dark"
-    position="bottom-right"
-    toastOptions={{
-      classNames: {
-        toast: "!bg-surface !border-border !text-text !rounded-lg !shadow-lg",
-        description: "!text-muted",
-        actionButton: "!bg-brand !text-bg",
-        cancelButton: "!bg-surface-2 !text-muted",
-      },
-    }}
-    {...props}
-  />
-);
+export const Toaster = ({ toastOptions, ...props }: React.ComponentProps<typeof Sonner>) => {
+  const theme = useOptionalTheme();
+  return (
+    <Sonner
+      theme={theme?.resolvedTheme ?? "system"}
+      position="bottom-right"
+      toastOptions={{
+        ...toastOptions,
+        classNames: {
+          toast: "!bg-surface !border-border !text-text !rounded-lg !shadow-lg",
+          description: "!text-muted",
+          actionButton: "!bg-brand !text-brand-foreground",
+          cancelButton: "!bg-surface-2 !text-muted",
+          ...toastOptions?.classNames,
+        },
+      }}
+      {...props}
+    />
+  );
+};

 export { toast };