--- sourceDocument: yokohama Combined Product Files sourceDocumentLink: https://www.servicenow.com/docs/r/yokohama/delta-xanadu-yokohama Release : - yokohama ft:locale : - en-US ft:publication_title : - yokohama Combined Product Files ft:clusterId : - delta3yx bundleId : - delta3yx --- # Combined Theme Builder release notes for upgrades from Xanadu to Yokohama # Combined Theme Builder release notes for upgrades from Xanadu to Yokohama {#ariaid-title1} Release version: Yokohama Updated October 8, 2026 ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 8 minutes to read Summarize ![AI sparkle icon](https://servicenow.com/docs/portal-asset/ai-sparkle-icon) Summarized using AI This content was generated using new OpenAI-powered functionality. Results are provided on an as is basis and are not guaranteed to be accurate or complete. ## Summary of Combined Theme Builder Release Notes for Upgrades from Xanadu to Yokohama This consolidated release notes document summarizes the changes, new features, and important upgrade information for ServiceNow's Theme Builder from the Xanadu release to the Yokohama release. It is designed to help customers prepare for their upgrade by highlighting key enhancements and modifications that impact theme creation, management, and accessibility within the Next Experience application. Show full answer Show less ## Key Features * **Multiple Themes and Alternate Color Palettes (Xanadu):** Publish multiple themes with alternate color palettes, including a dark mode option to enhance branding and user comfort in low-light environments. * **Theme Presentation and Management (Xanadu):** Control the order of theme presentation in Next Experience user preferences using drag-and-drop functionality in the List view, and set default themes for users. * **Accessibility Enhancements (Xanadu \& Yokohama):** The Accessibility Inspector tracks and helps resolve contrast and other accessibility issues for theme components, including the Unified Navigation component added in Yokohama. * **Unified Navigation Component Customization (Yokohama):** Style and preview the Unified Navigation component and its subcomponents directly within Theme Builder, with improved navigation and configuration tools. * **Image Styles and Illustration Customization (Yokohama):** New Image styles tab to edit colors of empty state illustrations and override them with custom images to align with branding. * **Component Editor Improvements (Yokohama):** Enhanced navigation with breadcrumb links, renamed buttons for clarity, and quick access to component styling by double-clicking component tiles. ## Changes * Editor page now includes an Image styles tab for illustration customization. * Navigation within Component Editor updated to breadcrumb style for better context. * Component Editor buttons renamed to reflect specific styling tasks but retain existing functionality. * Interaction States panel renamed to Interactions or Subcomponents for clarity. * Removal of the "Apply" button for theme publishing; now use the Publish option from the theme card overflow menu. ## Activation and Upgrade Notes * Starting with Yokohama, Theme Builder is included as a core plugin with the Next Experience application and available by default. * Updates to Theme Builder can be managed via the ServiceNow Store. * Version 4.1 and later display update notifications within the Editor page. ## Accessibility * Introduced a dark alternate color palette for better usability in low-light environments. * Accessibility Inspector improved to detect and guide remediation of contrast issues across all theme components, including Unified Navigation. * Modal warnings prevent publishing themes containing accessibility errors and provide direct navigation to issues. * Editor reflow enhancements improve usability on smaller screens by removing horizontal scrolling. ## Practical Impact for ServiceNow Customers By upgrading from Xanadu to Yokohama, customers gain enhanced control over theme customization, including managing multiple themes with alternate palettes and improved accessibility compliance. The inclusion of Theme Builder as a core plugin simplifies deployment and updates. New tools for customizing navigation components and illustrations enable tighter brand alignment. Accessibility improvements ensure themes meet compliance standards and improve user experience. These capabilities help organizations create visually consistent, accessible, and user-friendly ServiceNow portals aligned with their brand identity. Consolidated page of all release notes for Theme Builder 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. {#dfrn3-themebuilder-summary__entry__2} | 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. {#dfrn3-themebuilder-summary__entry__8} | Release | Release notes | |-|-| | 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 | [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. [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. | [ ] ## Changes Between your current release family and Yokohama, some changes were made to existing Theme Builder features. {#dfrn3-themebuilder-summary__entry__14} | Release | Release notes | |-|-| | Xanadu | No updates for this release. | | Yokohama | [New Image styles tab added to Editor page](https://www.servicenow.com/docs/access?context=working-with-image-styles&family=yokohama&ft:locale=en-US) : As of Theme Builder version 5.1, the Editor page has the following additional options: * The general styles panel, which includes Global and Component styles, now features Image styles. The Image styles tab displays all illustrations available for editing. * When you select an empty state illustration for editing from the Image styles tab, the property panel opens with two additional tabs: Images and Colors. The Images tab displays which image files are applied to an empty state illustration. The Colors tab displays which theme colors are applied to an illustration. [Navigation updated](https://www.servicenow.com/docs/access?context=tb-edit-components&family=yokohama&ft:locale=en-US) : The Return to component overview link within the Component Editor is replaced with breadcrumb-style navigation for a more contextual navigation experience. [Component Editor button replaced](https://www.servicenow.com/docs/access?context=tb-edit-components&family=yokohama&ft:locale=en-US) : The Go to Component Editor button is now labeled either Style variants, Style subcomponents, or Style interactions depending on the selected component. The Component Editor behaves in the same way despite this UI change. [Component Editor Interactions States panel updated](https://www.servicenow.com/docs/access?context=tb-edit-components&family=yokohama&ft:locale=en-US) : The Interaction States panel within the Component Editor now refers to either Interactions or Subcomponents. | [ ] ## Removed Between your current release family and Yokohama, some Theme Builder features or functionality were removed. {#dfrn3-themebuilder-summary__entry__20} | 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](https://www.servicenow.com/docs/access?context=tb-apply-theme&family=xanadu&ft:locale=en-US). | | Yokohama | No updates for this release. | [ ] ## Deprecations Between your current release family and Yokohama, some Theme Builder features or functionality were deprecated. {#dfrn3-themebuilder-summary__entry__26} | 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. {#dfrn3-themebuilder-summary__entry__32} | Release | Release notes | |-|-| | Xanadu | Install Theme Builder by requesting it from the ServiceNow Store. Visit the [ServiceNow Store](https://store.servicenow.com/sn_appstore_store.do#!/store/home) 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](https://www.servicenow.com/docs/access?context=sn-store-release-notes&family=xanadu&ft:locale=en-US). 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 | Activation information : 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. Important: Theme Builder is available by default starting in the Yokohama release and upgrades are available in ServiceNow Store. For details, see the "Activation information" section of these release notes. | [ ] ## Additional requirements If any additional requirements were introduced or changed for Theme Builder we have noted them here. {#dfrn3-themebuilder-summary__entry__38} | 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. {#dfrn3-themebuilder-summary__entry__44} | 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. {#dfrn3-themebuilder-summary__entry__50} | 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](https://www.servicenow.com/docs/access?context=tb-edit-color-palette&family=xanadu&ft:locale=en-US). * 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](https://www.servicenow.com/docs/access?context=tb-adjust-component-wcag&family=xanadu&ft:locale=en-US). * 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 | Accessibility information : [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) : 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. {#dfrn3-themebuilder-summary__entry__56} | 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. {#dfrn3-themebuilder-summary__entry__62} | 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](https://www.servicenow.com/docs/access?context=next-experience-theming&family=xanadu&ft:locale=en-US) 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](https://www.servicenow.com/docs/access?context=next-experience-theming&family=yokohama&ft:locale=en-US) for more information. | [ ]