Themes
Clerk currently offers four pre-built themes that can be exported from @clerk/themes:
Usage
To get started, install the @clerk/themes package.
npm install @clerk/themesyarn add @clerk/themespnpm add @clerk/themesTo use a theme, import it from @clerk/themes and pass it to the appearance prop of a Clerk component. You can pass it to the <ClerkProvider> component to apply it to all Clerk components in your app or you can pass it to a single Clerk component. For guided examples and to learn further about how to use themes, see the Appearance prop documentiation.
Default theme
Applied by default when no other theme is provided.
import {dark} from "@clerk/themes";
import {shadesOfPurple} from "@clerk/themes";
import {neobrutalism} from "@clerk/themes";
Feedback
Last updated on