diff --git a/app/layout.tsx b/app/layout.tsx index efd7672..51b2d6a 100644 --- a/app/layout.tsx +++ b/app/layout.tsx @@ -55,12 +55,12 @@ export const metadata: Metadata = { export default function RootLayout({ children }: { children: React.ReactNode }) { return ( - + diff --git a/components/layout/Header.tsx b/components/layout/Header.tsx index a219e3c..c55b134 100644 --- a/components/layout/Header.tsx +++ b/components/layout/Header.tsx @@ -3,7 +3,6 @@ import Link from "next/link"; import { usePathname } from "next/navigation"; import { m } from "motion/react"; -import { ThemeToggle } from "@/components/ui/ThemeToggle"; const navLinks = [ { label: "Home", href: "/" }, @@ -45,7 +44,6 @@ export function Header() { ); })} - diff --git a/components/ui/ThemeToggle.tsx b/components/ui/ThemeToggle.tsx deleted file mode 100644 index 1fe3ea7..0000000 --- a/components/ui/ThemeToggle.tsx +++ /dev/null @@ -1,25 +0,0 @@ -"use client"; - -import { useTheme } from "@wrksz/themes/client"; -import { m } from "motion/react"; - -export function ThemeToggle() { - const { theme, setTheme } = useTheme(); - - return ( - setTheme(theme === "dark" ? "light" : "dark")} - whileHover={{ scale: 1.1 }} - whileTap={{ scale: 0.95 }} - className="p-2 rounded-lg border border-border bg-canvas text-ink hover:border-ink transition-colors" - aria-label="Toggle theme" - > - {theme === "dark" ? ( - - ) : ( - - )} - - ); -}