feat : add theme switcher

2026-10-09 23:59:40 +07:00
parent 98a6878d59
commit 005df5e186
16 changed files with 121 additions and 23 deletions
@@ -1,12 +1,14 @@
 "use client"

 import { Toaster as Sonner, type ToasterProps } from "sonner"
+import { useTheme } from "next-themes"
 import { CircleCheckIcon, InfoIcon, TriangleAlertIcon, OctagonXIcon, Loader2Icon } from "lucide-react"

 const Toaster = ({ ...props }: ToasterProps) => {
+  const { resolvedTheme } = useTheme()
  return (
    <Sonner
-      theme="dark"
+      theme={resolvedTheme === "dark" ? "dark" : "light"}
      className="toaster group"
      icons={{
        success: (