Function ThemeToggle

components/ThemeToggle.tsx:29–41

()

}

export default function ThemeToggle() {
  const { theme, toggle } = useTheme()

  return (
    <button
      onClick={toggle}
      className="flex items-center justify-center w-8 h-8 rounded-md border border-[#e5e5e5] dark:border-[#1a1a1a] text-[#888] dark:text-[#555] hover:text-[#111] dark:hover:text-[#aaa] hover:border-[#ccc] dark:hover:border-[#333] bg-transparent transition-all duration-150"
      aria-label={theme === 'dark' ? 'Switch to light mode' : 'Switch to dark mode'}
    >
      {theme === 'dark' ? <SunIcon /> : <MoonIcon />}
    </button>
  )
}