A compact control that switches the page between light and dark themes and remembers the selection.

Installation

Add the theme-switcher component from Hangry UI to this project.
Use the project's package manager to run:
shadcn@latest add https://ui.razeev.com/r/theme-switcher.json
Integrate the component with the existing layout and styling.
Keep its interactions and reduced-motion support intact.

How to use

import { ThemeSwitcher } from "@/components/hangry-ui/components/theme-switcher";
<ThemeSwitcher />

Dependencies

  • lucide-react