Reflect your company's brand on your ServiceNow instance by managing, editing, and implementing Next Experience themes in an easy, efficient, and upgrade-safe way using Theme Builder. As of the Yokohama release, Theme Builder is included as a core plugin with the Next Experience and is available by default.

Theme Builder main features

  • Create and manage Next Experience themes for your mobile and web experiences without needing to write code.
  • Customize the look of your core theme by creating alternate color palettes, enabling users to select a version that suits their preferences. An alternate color palette enables you to create additional color schemes beyond the primary theme colors.
  • Preview your changes in real time before publishing your theme to the entire instance and easily revert to your original colors, if needed.
  • Publish multiple themes to your web experience and enable users to select the one that suits them best, improving the overall user experience.
  • Quickly apply branding changes, such as colors, logos, and typography, across your instances.
  • Use the Accessibility Inspector to verify sufficient contrast for text and backgrounds, which helps to comply with accessibility standards while enhancing user experience.

Theme Builder includes an option on the home page that you can use to provide feedback to ServiceNow® about your experience with the current product. All feedback is reviewed and may be used to improve the product.

Theme Builder Home page

  • Provides an introductory overview of Theme Builder
  • Offers a Create a theme option to begin the theme creation process
Theme Builder Home screen

Theme Builder Manager page

  • Displays all themes created using Theme Builder
  • Enables adding alternate color palettes to existing themes
  • Enables publishing or unpublishing your themes to your experience
Manager page with Grid view selected.

Theme Builder Editor page

  • Customize your themes in the Editor page, including color palette customization, logo, typography, shape adjustment, and component editing
  • Offers real-time preview of theme changes
Editor page with global styles tab selected.