Configuring Next Experience with Theme Builder

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. Theme Builder is included as a core plugin with the Next Experience and is available by default.

Theme Builder overview

[Omitted video] Description: Theme Builder overview

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.
• Preview your changes in real time before publishing your theme 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.
• 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 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

Theme Builder Editor page

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

• Create a theme with Theme Builder
  Create a theme record for your web or mobile experiences by using the Home view in the Theme Builder application.
• Theme creation with AI
  Use AI to generate themes from images directly in Theme Builder or from the Now Assist panel.
• Manage or edit a theme with Theme Builder
  Customize and manage your theme and styling in a time and cost efficient way. After customizing, publish your new theme to either a web or mobile implementation of your instance.
• Publish your themes with Theme Builder
  Publish multiple themes to your web instance or a single theme to your mobile instance to reflect your company's brand.
• Theme Builder and domain separation
  Domain separation enables you to separate data, processes, and administrative tasks into logical groupings called domains. You can control several aspects of this separation, including which users can see and access data.

Parent Topic:Working with themes in Next Experience