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
import {dark} from "@clerk/themes";
import {shadesOfPurple} from "@clerk/themes";
import {neobrutalism} from "@clerk/themes";