Theme Builder release notes

  • Release version: Xanadu
  • Updated August 1, 2024
  • 4 minutes to read
  • Summarize
    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 Theme Builder release notes

    The ServiceNow® Theme Builder application enables you to customize the visual experience for your users, aligning the interface with your brand identity. The Xanadu release introduces significant enhancements that help you manage multiple themes, alternate color palettes including dark modes, and accessibility improvements. Theme Builder is available through the ServiceNow Store and integrates with Next Experience for streamlined theme management and user preference control.

    Show full answer Show less

    Key Features

    • Multiple Themes and Color Palettes: Create and publish multiple themes with alternate color palettes, including a new dark mode option that can be customized to enhance brand style.
    • Theme Management and Ordering: Organize themes by priority or purpose using drag-and-drop in the List view, controlling their presentation order in Next Experience user preferences.
    • Accessibility Enhancements: The Accessibility Inspector now reports total accessibility errors and highlights specific components with contrast issues. Publishing themes warns about accessibility violations, linking you directly to problematic components for resolution.
    • Independent Web and Mobile Theming: Manage web and mobile themes separately within an updated Manager view that consolidates each core theme and its alternate palettes into one card.
    • Improved User Interface: Removed the Apply button in favor of a Publish option in the theme card overflow menu for clearer theme deployment.
    • Theme Overrides and Publishing: Easily remove overrides to Global Styles to revert to initial values. Use drag-and-drop to publish or unpublish themes efficiently.
    • Update Notifications: Starting with version 4.1, receive update alerts directly within the Theme Builder Editor page.
    • Responsive Editing: The Component Editor view automatically adjusts content layout on smaller screens to eliminate horizontal scrolling.

    Activation and Usage

    To use Theme Builder, request installation via the ServiceNow Store. Once installed, you can create, manage, and publish themes that users select through the Next Experience user preferences. The application enables you to maintain consistent branding while ensuring accessibility compliance and providing users with multiple visual options.

    Accessibility Improvements

    • Dark alternate color palettes improve viewing comfort in low-light environments.
    • Publishing workflows include accessibility warnings with direct navigation to issues.
    • Enhanced Accessibility Inspector supports identifying and resolving theme contrast and other accessibility errors.

    Related ServiceNow Applications

    • App Engine Studio: For building web applications that automate business processes.
    • UI Builder: To create pages for workspaces or custom web experiences using Next Experience Components.

    The ServiceNow® Theme Builder application enables you to tailor the visual experience for your users, helping to update the look and feel to be more like your brand. Theme Builder was enhanced and updated in the Xanadu release.

    Theme Builder highlights for the Xanadu release

    • 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.

    Important:
    Theme Builder is available in the ServiceNow Store. For details, see the "Activation information" section of these release notes.

    New in the Xanadu release

    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.

    UI changes

    Manage web and mobile themes independently
    Manage your web and mobile theming experiences separately by using the updated Manager view.
    Manager view now displays each theme and all associated color palettes in one place
    Each core theme and all associated alternate color palettes are now located within one theme card.

    Removed in this release

    • 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.

    Activation information

    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.

    Accessibility information

    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.