Picket Docs

Modal Themes

Themes is in beta. For early access email [email protected]​
The Picket Login Modal supports several themes. By default the login modal will use the light theme. However, you can set it to a different theme to best fit into your overall web experience.
You can set the theme when instantiating Picket
Javascript (picket-js)
React (picket-react)
import Picket from "@picketapi/picket-js"
const picket = new Picket("YOUR_PUBLISHABLE_KEY_HERE",{
theme: "dark",
import { PicketProvider } from "@picketapi/picket-react"
function MyApp({ children }) {
return (
{/* sets theme to dark */}
<PicketProvider apiKey="YOUR_PUBLISHABLE_KEY_HERE" theme="dark">
Theme Name
Description / Image
Sets dark vs light automatically to match system preferences of the user.