Custom Universal Login Themes for Applications on the One Tenant

Universal Login

Last Updated:

Overview

There is a need to have customizable themes/designs on the Universal login page for each of the active applications. This article clarified whether there are options for the no-code editor, for different themes between applications or this is only in the advanced options.

Solution

The no-code editor applies one theme across all Apps under the tenant. This is for configuring New Universal Pages. Regarding switching themes between Apps, the best option would be to use the advanced option, which is Classic Universal Login, which offers more customizations, suitable for different use cases.

For branding between Apps, use Organizations.

To create customized themes for different Apps, conditionally determine which Lock configuration to render for which application (clientID). To achieve this flow, create separate lock configurations within the Custom Universal Login Page. Based on the clientID unique for each application, hardcode, and conditionally determine which Lock configuration to render for which application. Inside of Lock page, modify and conditionally select different colors for different applications and modify the UI based on the needs. 
 

Related References

Recommended content

No recommended content found...
Need more help? Visit the Community
Visit the Auth0 Community