Auth0 customization - AngelaMeow/Design-wiki GitHub Wiki

Overview

Many clients would like their brand identity to be expressed on the login page for their application. It creates a more professional and cohesive impression on their end users. But a full custom login page takes time and effort that might be better spent on delivering features that enable someone to DO something that they can't do today. Login doesn't enable users to do very much unless there are features available.

Auth0 provides a complete service of login infrastructure to authenticate users into our app. So the options for a client are:

1. Use Auth0 completely as it is.

Auth0 without customization

2. Use Auth0 themes

You'll be able to change the logo, primary color, Auth button and Auth button label. But for Auth button the only property enabled to customize is just background-color.

Auth0 with standard customization

Use Auth0 theme.

3. Fully customize the login according to your design.

Then you can change more specific properties like borders, font-related properties, padding, margins, and every CSS property that you can add as a Style.

Auth0 with full customization

To apply a Full customization read this Guide.


If you need a different template and you can't use the one Auth0 or we're providing. Please go to read the Auth0 documentation for custom user interface.