🎨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

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.

PreviousSupported Languages (Localization)NextOpen Source Web3 Client Libraries

Last updated 3 years ago