🎨Modal Themes

Themes is in beta. For early access email [e-mail]

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)

import Picket from "@picketapi/picket-js"

const picket = new Picket("YOUR_PUBLISHABLE_KEY_HERE",{
  theme: "dark",
});

React (picket-react)

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.