Authentication Setup

Appearance

Change the appearance of your auth screens, add a logo, modify the color, and more.

Logo

Upload an Image

Use an SVG

Click to upload an image

JPG, PNG (png for best results)

Replace Logo

Enter the SVG code for your logo (view example)

<svg viewBox="0 0 24 24" fill="black" xmlns="http://www.w3.org/2000/svg"><rect width="24" height="24" /></svg>

Logo Height (in pixels)

Preview

Background Color

Background Image

Choose a nice background image to use as your authentication background.

Image Overlay Color

If you use a background image you can specify a color overlay here.

Image Overlay Opacity

The opacity of the image overlay color. Set to 0 for no overlay

0% 50% 100%

Text Color

Button Color

Button Text Color

Input Text Color

Input Border Color

Heading Alignment

Container Alignment

Preview

Favicon Image

Choose the default favicon image. This image will show by default and in light mode.

Upload

Choose an image

Favicon Dark Mode Image

This is the favicon image will show when user machine is in dark mode.

Upload

Choose an image