Themes 🎭

SuperTokens allows easy development of custom themes. A theme is different from changing styles because it allows not just for UI changes, but also UX changes. For example:

• Changing location of buttons
• Changing layout of elements, like adding an image on the left and form on the right
• Adding extra features like password strength meter
• Displaying the sign up form one input field at a time
• Adding custom animations

Available themes

For each of the themes listed below, you will be able to fully customize:

• The background image, logo, titles and images using React props.
• The colours and styling using the same techniques as described in changing-colours and changing-style

Default Theme (See working demo)

Hydrogen Theme (See UI demo)

See Hydrogen theme docs

Helium Theme (See UI demo)

See Helium theme docs

Lithium Theme (See UI demo)

See Lithium theme docs