useDarkMode

Toggle a persisted dark class on the document (or a scoped element) that follows the system color scheme until the user chooses.

ReactDark ModeThemeprefers-color-scheme
Open in

Light mode

Following system

Install Dependencies

1npx shadcn@latest add https://ui.devsloka.in/r/use-dark-mode.json