Theme Builder release notes
Summarize
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 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.
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
Accessibility information
- 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.