|
Washington DC
|
- **[Component editing](https://www.servicenow.com/docs/access?context=tb-edit-components&family=washingtondc&ft:locale=en-US)**
Edit individual components to better suit your brand and to meet accessibility compliance standards. The theme hooks you can edit are specific to each type of component. For more information, see the **Accessibility Information** section that follows.
- **[New feature messaging](https://www.servicenow.com/docs/access?context=configuring-next-experience-with-theme-builder&family=washingtondc&ft:locale=en-US)**
Learn about new features via a what's new modal when you first launch the updated version of Theme Builder.
- **[Open in Theme Builder button](https://www.servicenow.com/docs/access?context=config-next-experience-themes-prefs&family=washingtondc&ft:locale=en-US)**
As of version 3.1, while customizing a UX theme record, an **Open in Theme Builder** button displays redirecting you to the editor page in a new tab.
- **[Validation of JSON code for the theme records you create](https://www.servicenow.com/docs/access?context=config-next-experience-themes-prefs&family=washingtondc&ft:locale=en-US)**
As of version 3.1, Theme Builder logs errors and displays an alert for any invalid manual theming updates, helping to prevent saving an incorrect theme record.
- **[Customize shape and topography values](https://www.servicenow.com/docs/access?context=tb-create-theme&family=washingtondc&ft:locale=en-US)**
As of version 3.1, view your customizations in the Global and Component style tabs.
|
|
Xanadu
|
- **[Publish multiple themes with Theme Builder](https://www.servicenow.com/docs/access?context=tb-apply-theme&family=xanadu&ft:locale=en-US)**
Publish multiple themes with their alternate color palettes to your web instance. Set a default theme for your users.
- **[Add a dark alternate color palette](https://www.servicenow.com/docs/access?context=tb-edit-color-palette&family=xanadu&ft:locale=en-US)**
Add a dark alternate color palette to your Theme Builder theme. You can edit this alternate color palette to further enhance your brand style.
- **[Set the presentation order of your themes in Next Experience](https://www.servicenow.com/docs/access?context=configure-presentation-order-of-themes&family=xanadu&ft:locale=en-US)**
Define the presentation order of the themes that are displayed in the ServiceNow® Next Experience user preferences.
- **[Select from multiple themes in Next Experience user preferences](https://www.servicenow.com/docs/access?context=select-a-theme-in-next-experience&family=xanadu&ft:locale=en-US)**
View multiple themes and their alternate color palettes in Next Experience user preferences.
- **[Set the presentation order of your Theme Builder themes](https://www.servicenow.com/docs/access?context=set-presentation-order-themes&family=xanadu&ft:locale=en-US)**
As of Theme Builder version 4.1, you can control the order in which the themes created with Theme Builder appear in Next Experience user preferences by using the List view within the Manager page.
- **[Remove Global Style overrides](https://www.servicenow.com/docs/access?context=tb-edit-theme&family=xanadu&ft:locale=en-US)**
As of Theme Builder version 4.1, you can remove any overrides that you made to Global Styles and return to your initial values by using the Remove Override button.
- **[Use drag-and-drop to publish and unpublish your themes](https://www.servicenow.com/docs/access?context=tb-apply-theme&family=xanadu&ft:locale=en-US)**
As of Theme Builder version 4.1, use the drag-and-drop feature in the List view to publish and unpublish your themes for your web instance.
- **[Adjust a component to meet accessibility standards](https://www.servicenow.com/docs/access?context=tb-adjust-component-wcag&family=xanadu&ft:locale=en-US)**
As of Theme Builder version 4.1, the Accessibility Inspector now displays the total number of accessibility errors in your theme and lists the specific components with contrast issues. See the Accessibility section for details.
|
|
Yokohama
|
- **[Align with your brand by using the Unified Navigation component](https://www.servicenow.com/docs/access?context=edit-unified-navigation-component&family=yokohama&ft:locale=en-US)**
Customize the Unified Navigation component from within Theme Builder by using the following new features:
- Quickly view how the Unified Navigation component will look in your theme by using the Preview pane.
- Use the Component Configuration menu to view any shared styling between subcomponents.
- View the background color of your subcomponent and see how it renders in relation to the Unified Navigation component by using the updated canvas color feature.
- **[Use the double-click feature to quickly access the Component Editor](https://www.servicenow.com/docs/access?context=tb-edit-components&family=yokohama&ft:locale=en-US)**
Double-click a component tile to access the Component Editor where you can continue to make style adjustments to subcomponents, variants, or interactions.
- **[Adjust the Unified Navigation component to meet accessibility standards](https://www.servicenow.com/docs/access?context=tb-adjust-component-wcag&family=yokohama&ft:locale=en-US)**
As of Theme Builder version 5.1, the Accessibility Inspector now displays the total number of accessibility errors with contrast issues for the Unified Navigation component and subcomponents. See the Accessibility section for details.
- **[Adapt the theme-able illustrations to seamlessly integrate with your brand](https://www.servicenow.com/docs/access?context=working-with-image-styles&family=yokohama&ft:locale=en-US)**
As of Theme Builder version 5.1, use the new Image styles feature to enhance your theme in the following ways:
- Edit the colors of the empty state illustrations from within Theme Builder. When a part of your Next Experience web page doesn't contain data, an empty state illustration appears. Empty state illustrations are theme-able and adapt to your theme colors.
- Override empty state illustrations with your own custom images to uniquely align with your branding style.
|
|
Zurich
|
- **[Upload brand guidelines to the theme creation workflow](https://www.servicenow.com/docs/access?context=create-theme-now-assist&family=zurich&ft:locale=en-US)**
Upload your brand guidelines as a PDF to the theme creation workflow within the Now Assist panel to generate themes aligned with your brand.
- **[Create a theme using Now Assist](https://www.servicenow.com/docs/access?context=create-theme-now-assist&family=zurich&ft:locale=en-US)**
As of Zurich Patch 7, leverage Now Assist to generate themes based on your brand image. After generating a theme, navigate to Theme Builder to publish and apply additional styling. This feature requires Now Assist for Creator.
- **[Create a theme with AI in Theme Builder](https://www.servicenow.com/docs/access?context=tb-create-a-theme-ai&family=zurich&ft:locale=en-US)**
As of Zurich Patch 7, use AI to generate themes from brand images, preview multiple options, and refine results all within the updated Create a theme wizard. If you prefer, you can skip the AI step and continue creating your theme manually using the existing workflow. This feature requires Now Assist for Creator.
- **[Publish the new Coral theme](https://www.servicenow.com/docs/access?context=tb-apply-theme&family=zurich&ft:locale=en-US)**
Publish or unpublish the new Coral theme directly from Theme Builder. This theme provides a fresh look and feel and features brand-neutral illustrations to enhance your user experience. A dark theme variant is available for web and mobile experiences.
- **[Upload and manage custom fonts in your theme](https://www.servicenow.com/docs/access?context=upload-custom-font&family=zurich&ft:locale=en-US)**
Use your organization's fonts to maintain a consistent look and feel for your brand throughout your experience.
- Upload, preview, and edit at most 10 custom font families from the **Global styles** or **Component styles** tabs.
- Add unlimited associated font faces to each font family and apply them individually to components.
- Delete your font family or font face from your theme.
- **[Explore the expanded image categories with color editing and override capability](https://www.servicenow.com/docs/access?context=working-with-image-styles&family=zurich&ft:locale=en-US)**
As of Theme Builder version 6.1, configure the following new image categories to further enhance your theme:
- Edit the colors of banners, modals, tile icons, and cards from within Theme Builder.
- Override each of these default illustrations with your own custom images to uniquely align with your branding style.
- **[Guided tours in Theme Builder](https://www.servicenow.com/docs/access?context=guided-tours-theme-builder&family=zurich&ft:locale=en-US)**
As of version 6.1, learn about additional features and complete tasks through interactive steps by taking guided tours within Theme Builder.
- **[Create a theme using Now Assist](https://www.servicenow.com/docs/access?context=create-theme-now-assist&family=zurich&ft:locale=en-US)**
As of Zurich Patch 7, leverage Now Assist to generate themes based on your brand image. After generating a theme, navigate to Theme Builder to publish and apply additional styling. This feature requires Now Assist for Creator.
- **[Create a theme with AI in Theme Builder](https://www.servicenow.com/docs/access?context=tb-create-a-theme-ai&family=zurich&ft:locale=en-US)**
As of Zurich Patch 7, use AI to generate themes from brand images, preview multiple options, and refine results all within the updated Create a theme wizard. If you prefer, you can skip the AI step and continue creating your theme manually using the existing workflow. This feature requires Now Assist for Creator.
|
|
Australia
|
- **[Upload brand guidelines to generate theme colors](https://www.servicenow.com/docs/access?context=tb-create-a-theme-ai&family=australia&ft:locale=en-US)**
Upload brand guidelines as a PDF to the Theme Builder theme creation workflow in the Now Assist panel to generate themes aligned with your brand.
- **[AI-powered color palette theme creation](https://www.servicenow.com/docs/access?context=tb-create-a-theme-ai&family=australia&ft:locale=en-US)**
Use AI to generate themes from brand images, preview multiple options, and refine results all within the updated Create a theme wizard. If you prefer, you can skip the AI step and continue creating your theme manually using the existing workflow. This feature requires Now Assist for Creator.
- **[Generate themes using Now Assist](https://www.servicenow.com/docs/access?context=create-theme-now-assist&family=australia&ft:locale=en-US)**
Leverage Now Assist to generate themes based on your brand image. After generating a theme, navigate to Theme Builder to publish and apply additional styling. This feature requires Now Assist for Creator and a theme creation workflow enabled in AI Agent Studio.
- **[ServiceNow product tiers](https://www.servicenow.com/docs/access?context=ai-native-sku-overview&family=australia&ft:locale=en-US)**
The ServiceNow AI Platform now brings you a new AI experience with three licensing tiers available:
- Foundation: AI basics to deliver insights
- Advanced: AI to boost productivity across relevant use cases
- Prime: Act autonomously with all AI assets, and create your own
Depending on your license, you will have access to certain application features, generative AI skills, agentic workflows, and AI agents.
- **[Override default icons for a fully branded experience](https://www.servicenow.com/docs/access?context=tb-icon-illustrations&family=australia&ft:locale=en-US)**
View and manage your theme’s icon library in Theme Builder, including uploading custom assets to replace default icons. Icons support size variants, outline and fill styles, and dynamic color adjustments and integrate with embeddable components.
- **[Control typography at the component category level](https://www.servicenow.com/docs/access?context=assign-fonts-by-category&family=australia&ft:locale=en-US)**
Assign fonts to individual component categories to create clearer visual distinction across your interface.
- **[Flexible Font size control](https://www.servicenow.com/docs/access?context=edit-font-size&family=australia&ft:locale=en-US)**
Fine-tune font sizes across component categories for a polished, consistent look. Use font‑size controls to tailor default or custom fonts to your brand needs. Applies across Next Experience and embeddable components, ensuring a consistent brand look even on external sites.
|