Use next-themes for theme provider

Author: venables

bun.lock

@@ -29,6 +29,7 @@
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "lucide-react": "^0.537.0",
+    "next-themes": "^0.4.6",
     "radix-ui": "^1.4.2",
     "react": "^19.1.1",
     "react-dom": "^19.1.1",

package.json

@@ -1,4 +1,4 @@
-import { ThemePicker } from "../themes/theme-picker"
+import { ThemePicker } from "@/components/layout/theme-picker"
 
 export function Header() {
   return (

src/components/layout/header.tsx

@@ -6,7 +6,7 @@ import {
   DropdownMenuTrigger
 } from "@/components/ui/dropdown-menu"
 import { MoonIcon, SunIcon } from "lucide-react"
-import { useTheme } from "./theme-provider"
+import { useTheme } from "next-themes"
 
 export function ThemePicker() {
   const { setTheme, theme } = useTheme()