Combined Theme Builder release notes for upgrades from Vancouver 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 Vancouver 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
Vancouver	No updates for this release.
Washington DC	No updates for this release.
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
Vancouver	Color choice suggestions are provided when themes are changed or overridden Users are alerted when they change or override web or mobile themes in Theme Builder using custom styles, particularly when the primary color doesn't meet specific CAD specifications. Theme Builder provides prescriptive suggestions for improving color choices in the Color Picker. Preview alternate color palettes for themes Create as many alternate color palettes as you want. Alternate color palettes can be managed and previewed in user preferences. Preview components in themes Quickly view a graphical list of all of the components as they would look in your theme, or filter the list to view specific types of components. Alternate background colors can be selected so you can verify how they render in your instance
Washington DC	Component editing 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 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 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 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 As of version 3.1, view your customizations in the Global and Component style tabs.
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
Vancouver	No updates for this release.
Washington DC	No updates for this release.
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
Vancouver	No updates for this release.
Washington DC	No updates for this release.
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
Vancouver	No updates for this release.
Washington DC	No updates for this release.
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
Vancouver	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.
Washington DC	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.
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
Vancouver	No updates for this release.
Washington DC	No updates for this release.
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
Vancouver	No updates for this release.
Washington DC	No updates for this release.
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
Vancouver	No updates for this release.
Washington DC	Adjust components to meet accessibility standards Use new Accessibility checker capabilities to ensure you're meeting conformant color contrast levels as you apply your own brand and colors to your web or mobile instance. See Adjust components to meet accessibility standards for details.
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
Vancouver	No updates for this release.
Washington DC	No updates for this release.
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
Vancouver	Auto-generate theme and style records as you define your brand colors, logo, typography, and corner shapes within the application, instead of hand-writing JSON to edit styles. Change global theme styles and automatically update theme records as you refine your theme. Safely preview changes made to your theme within the application before applying to your instance. Apply, duplicate, and delete themes for all your experiences in one location. See Exploring themes in Next Experience for more information.
Washington DC	Edit individual components to better suit your brand and to meet accessibility compliance standards. Work with component-specific theme hooks to create a theme tailored to your needs. See Working with themes in Next Experience for more information.
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.