Combined Theme Builder release notes for upgrades from Xanadu to Yokohama

How to use this page

To help you prepare for your upgrade, we have combined the cross-family Theme Builder release notes onto one page. Read this summary of the new features, changes, and updated information for your product from Xanadu to Yokohama.

Tip:

If there were no updates for a release notes section in a certain family release, we included a short note for your reference. For example, if a product did not have any updates in Tokyo, the row says "No updates for this release."

Important information for upgrading Theme Builder to Yokohama

Before you upgrade to Yokohama, review these pre- and post-upgrade tasks and complete the tasks as needed.


Release	Release notes
Xanadu	No updates for this release.
Yokohama	No updates for this release.

New features

Between your current release family and Yokohama, new features were introduced for Theme Builder.


Release	Release notes
Xanadu	Publish multiple themes with Theme Builder 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 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 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 View multiple themes and their alternate color palettes in Next Experience user preferences. Set the presentation order of your Theme Builder themes 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 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 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 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 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 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 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 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.

Changes

Between your current release family and Yokohama, some changes were made to existing Theme Builder features.


Release	Release notes
Xanadu	No updates for this release.
Yokohama	No updates for this release.

Removed

Between your current release family and Yokohama, some Theme Builder features or functionality were removed.


Release	Release notes
Xanadu	Removed the Apply button used to apply your theme to web and mobile instances. To publish your theme, use the Publish option from the theme card overflow menu. For more information about publishing themes, see Publish your themes with Theme Builder.
Yokohama	No updates for this release.

Deprecations

Between your current release family and Yokohama, some Theme Builder features or functionality were deprecated.


Release	Release notes
Xanadu	No updates for this release.
Yokohama	No updates for this release.

Activation information

Review information on how to activate Theme Builder.


Release	Release notes
Xanadu	Install Theme Builder by requesting it from the ServiceNow Store. Visit the ServiceNow Store website to view all the available apps and for information about submitting requests to the store. For cumulative release notes information for all released apps, see the ServiceNow Store version history release notes. Note: As of Theme Builder version 4.1, you see when a new Theme Builder update is available from within the Editor page view.
Yokohama	Starting with the Yokohama release, Theme Builder is included as a core plugin with the Next Experience application and is available by default. You can update to the latest version of Theme Builder from ServiceNow Store.

Additional requirements

If any additional requirements were introduced or changed for Theme Builder we have noted them here.


Release	Release notes
Xanadu	No updates for this release.
Yokohama	No updates for this release.

Browser requirements

If any specific browser requirements were introduced or changed for Theme Builder we have noted them here.


Release	Release notes
Xanadu	No updates for this release.
Yokohama	No updates for this release.

Accessibility information

Review details on accessibility information for Theme Builder, such as specific requirements or compliance levels.


Release	Release notes
Xanadu	Accessibility improvements for Theme Builder include the following updates: Added a dark alternate color palette that makes the display easier for your eyes and less disturbing in low-light settings is available for creation. For more information, see Add an alternate color palette. Updated modal when you publish a theme group for your web instance. A warning appears if there’s an accessibility error within the base theme or the theme's alternate color palettes. A link within the modal navigates you to the correct theme or alternate color palette with accessibility errors. Improved Accessibility Inspector detects and guides you through fixing accessibility issues in your theme. This tool includes the total number of violations and a list of specific components with accessibility issues. For more information, see Adjust a component to meet accessibility standards. Updated reflow feature ensures the content within the Component Editor view automatically adjusts when the screen size is reduced. This improvement eliminates the need for horizontal scrolling.
Yokohama	Adjust the Unified Navigation component to meet accessibility standards The Accessibility Inspector, which detects and guides you through fixing contrast issues in your theme, now includes accessibility errors for the Unified Navigation component and subcomponents.

Localization information

If there are specific localization considerations for Theme Builder we have noted them here.


Release	Release notes
Xanadu	No updates for this release.
Yokohama	No updates for this release.

Highlight information

If there are specific highlight considerations for Theme Builder we have noted them here.


Release	Release notes
Xanadu	Achieve your branding and styling needs by offering multiple themes and alternate color palettes to your users. Add a dark alternate color palette to your newly created themes and edit to refine your theme. As of Theme Builder version 4.1, receive notifications about updates directly from the Theme Builder application. As of Theme Builder version 4.1, organize your themes by priority, purpose, or other criteria, by using the drag-and-drop feature in the List view. With this feature, you can publish and order the themes that are displayed in the Next Experience Theme user preference. See Working with themes in Next Experience for more information.
Yokohama	Edit and style the Unified Navigation component to better suit your brand. Make individual style edits on a component by double-clicking it to quickly access the Component Editor. As of Theme Builder version 5.1, customize the colors of empty state illustrations from within Theme Builder. As of Theme Builder version 5.1, use your own custom images by overriding the default empty state illustrations. See Working with themes in Next Experience for more information.