Customize your ServiceNow Geneva Interface in 5 easy steps
Theme feature, that was already available in Eureka, has taken a new dimension with ServiceNow Geneva and its new User Interface. So we thought it would be a good time to share with you how you can use and modify themes to easily customize your interface in ServiceNow.
Administrators can create a dedicated theme and define a customized CSS. You can make your portal even more user friendly and adapt it to your corporate design.
In order to customize your interface you just have to follow the 5 simple steps below. Repeat the step 2 for every CSS tag you’d like to customize. To help you know which tag affects which part of your interface, have a look at the visual guide available further down.
Steps for customization
- Go to System UI and then click on Themes.
- Create a new theme and then add the code as follow: $[tagname]: #colorcode (e.g: $navpage-nav-bg: #ff0000) to the CSS. Repeat for every tag you’d like to customize.
- Save your theme
- Select your theme from the top right gear box (you will see a specific tab “Themes”)
- Refresh and you will see the changes
Visual Guide for tags customization
(click to enlarge)