Picket Docs
Search…
⌃K
🎨

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">
{children}
</PicketProvider>
);
}
Theme Name
Description / Image
light
​
​
dark
​
​
auto
Sets dark vs light automatically to match system preferences of the user.
​