logo

NJP

Edit the Login Theming for Next Experience UI

Import · May 20, 2022 · article

Administrators can customize Next Experience UI login illustrations, welcome text, and colors to reflect a company's branding. Visit the Edit login theming in Next Experience product documentation for an overview.

Note: The Login button will inherit the CSS Variables from the Core style of your theme.

image

| | | |
| -------------------------------------------------------- | ------------------------------------------------------ |
| glide.ui.polaris.login.show_illustrations | N/A - Property uses true/false boolean values. |
| glide.ui.polaris.login.style.background | "--now-login-background": "138,48,127" |
| glide.ui.polaris.login.style.background_gradient_begin | "--now-login-background-gradient-begin": "255,255,255" |
| glide.ui.polaris.login.style.background_gradient_end | "--now-login-background-gradient-end" : "255,151,223" |
| glide.ui.polaris.login.style.mountain_primary | "--now-login-mountain-primary": "121,167,211" |
| glide.ui.polaris.login.style.mountain_secondary | "--now-login-mountain-secondary" : "138,48,127" |

If you're looking to change the logo, this is actually controlled by the banner logo that is set. Follow the steps in the product documentation to set the logo for the instance, and you may need perform a cache.do to see the changes take effect on the login page.

image

View original source

https://www.servicenow.com/community/next-experience-articles/edit-the-login-theming-for-next-experience-ui/ta-p/2331897