Modal illustrations in Theme Builder
concept brazil Updated Sep 10, 2026 1 min read modals-in-tb.md
Modal illustrations accompany user guidance or support messaging about added features.
Default modal illustrations
Modal illustrations provide a quick visual cue about a modal’s intent. Modal illustrations are theme-able, and adapt to the theme colors of your instance.
Important: Modal illustrations apply to Workspaces and are not supported in the Core UI.
[Omitted image "tb-modal-illustration.png"] Alt text: Platform/Onboarding history modal illustration.
Custom images
Upload your custom images to Theme Builder to replace the default modal illustrations.
To override the default modal illustrations with custom images, upload each image individually. The size and format limitations for custom images are as follows:
| Field | Description |
|---|---|
| Dimensions limit | w552 × h218 px |
| Format | SVG |
| File size limit | 2 MB |
- Configure colors for modal illustrations
Configure and control the colors automatically applied to modal illustrations to keep your visual experience engaging while maintaining brand recognition. - Override modal illustrations with custom images
Modify or override the default modal illustrations with your own custom images to promote visual elements that reflect your company's branding.
Parent Topic:Working with Image styles
44 lines · 2.2 KB
--- title: Modal illustrations in Theme Builder description: Modal illustrations accompany user guidance or support messaging about added features. locale: en-US canonical_url: https://www.servicenow.com/docs/r/platform-user-interface/modals-in-tb.html release: brazil topic_type: concept last_updated: "2026-09-10" reading_time_minutes: 1 breadcrumb: [Image styles, Manage or edit a theme, Configuring Next Experience with Theme Builder, Working with themes, Configure, Next Experience UI, Configure UIs and portals, Configure user experiences] --- # Modal illustrations in Theme Builder Modal illustrations accompany user guidance or support messaging about added features. ## Default modal illustrations Modal illustrations provide a quick visual cue about a modal’s intent. Modal illustrations are theme-able, and adapt to the theme colors of your instance. **Important:** Modal illustrations apply to Workspaces and are not supported in the Core UI. \[Omitted image "tb-modal-illustration.png"\] Alt text: Platform/Onboarding history modal illustration. ## Custom images Upload your custom images to Theme Builder to replace the default modal illustrations. To override the default modal illustrations with custom images, upload each image individually. The size and format limitations for custom images are as follows: |Field|Description| |-----|-----------| |Dimensions limit|w552 × h218 px| |Format|SVG| |File size limit|2 MB| - **[Configure colors for modal illustrations](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/brazil/markdown/platform-user-interface/configure-modal-colors.md)** Configure and control the colors automatically applied to modal illustrations to keep your visual experience engaging while maintaining brand recognition. - **[Override modal illustrations with custom images](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/brazil/markdown/platform-user-interface/override-modal-with-custom-images.md)** Modify or override the default modal illustrations with your own custom images to promote visual elements that reflect your company's branding. **Parent Topic:**[Working with Image styles](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/brazil/markdown/platform-user-interface/working-with-image-styles.md)
| title | Modal illustrations in Theme Builder |
| description | Modal illustrations accompany user guidance or support messaging about added features. |
| locale | en-US |
| canonical_url | https://www.servicenow.com/docs/r/platform-user-interface/modals-in-tb.html |
| release | brazil |
| topic_type | concept |
| last_updated | 2026-09-10 |
| reading_time_minutes | 1 |
| breadcrumb | Image stylesManage or edit a themeConfiguring Next Experience with Theme BuilderWorking with themesConfigureNext Experience UIConfigure UIs and portalsConfigure user experiences |