---
title: Override empty state illustrations with custom images
description: Modify or override the default empty state illustrations with your own custom images to promote visual elements that reflect your company's branding.
locale: en-US
canonical_url: https://www.servicenow.com/docs/r/australia/platform-user-interface/override-empty-state-illustrations.html
release: australia
topic_type: task
last_updated: "2026-03-12"
reading_time_minutes: 2
keywords: [override empty state, empty state illustrations, custom images]
breadcrumb: [Empty state illustrations, 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]
---

# Override empty state illustrations with custom images

Modify or override the default empty state illustrations with your own custom images to promote visual elements that reflect your company's branding.

## Before you begin

Role required: ui\_builder\_admin

For information on granular roles, see .

Verify that your custom images use the desired colors and meet your branding requirements before uploading to Theme Builder.

Role required: admin

## About this task

**Important:** Custom images apply to Workspaces and aren’t supported in the Core UI.

## Procedure

1.  Navigate to **All** > **Now Experience Framework** > **Theme Builder**.

    The Theme Builder landing page opens in a new tab and is displayed in the Home page view.

2.  Use the Page drop-down list to select the Editor page view.

    \[Omitted image "tb-editor-page-view.png"\] Alt text: Example view of the Editor page.

3.  From the Theme drop-down list, select the theme that you want to edit.

4.  Select the **Image styles** tab from the general styles panel.

    The empty state illustrations are displayed on the main stage and grouped by type.

    \[Omitted image "tb-image-styles-opened.png"\] Alt text: Image styles tab selected with empty state illustrations listed on main stage and property panel opened.

5.  Use one of the following options to select the empty state illustration that you want to override.

    -   Select the Filter icon \[Omitted image "tb-filter-icon.png"\] Alt text: icon and expand the empty states category to select the specific empty state illustration that you want to override.
    -   Scroll through the list of empty state illustrations within the main stage.
    The property panel opens automatically.

6.  From the property panel, select the **Images** tab.

    \[Omitted image "tb-property-panel-images.png"\] Alt text: Property panel with Images tab selected.

7.  Select either the large, medium, or small image file of the illustration you want to override.

    **Note:** You can only override one image size at a time.

    The upload images modal appears.

    \[Omitted image "tb-image-upload-modal.png"\] Alt text: Upload image modal.

8.  Use one of the following options to upload your custom image:

    -   Select **Browse**, choose your custom image file from your computer's file browser, and select **Open**.
    -   Drag your custom image file from your computer's file browser and drop the image directly into the modal.
    Refer to the upload image modal for size and format limitations. If your custom image doesn’t meet the required size and format, your image isn’t saved.

    \[Omitted image "tb-image-upload-modal-browse.png"\] Alt text: Upload image modal with Browse selected and file limitations expanded.

9.  Select **Save**.

    Your custom image appears on the main stage within the empty state category that you have chosen.

    \[Omitted image "tb-add-data-image-modal.png"\] Alt text: Add data empty state illustration category with custom image displayed.

10. Select the Remove override symbol if you want to restore the default empty state illustration.

    \[Omitted image "tb-custom-image-override.png"\] Alt text: Images tab with Remove override selected.

11. Preview your edits before publishing your theme to your instance.

    1.  Select the **Experience preview** tab from the Global styles panel.

    2.  Select the experience that you want to preview from the Experience drop-down list.

    3.  Select the Open in new tab icon \[Omitted image "tb-icon-open-new-tab.png"\] Alt text: to open the experience in a new tab.

        \[Omitted image "tb-experience-preview-1.png"\] Alt text: Global styles experience preview screen with Admin Center experience selected.


## Result

If your theme is published, your custom images are visible to users who have your theme applied on refresh. For more information about publishing themes, see [Publish your themes with Theme Builder](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/australia/markdown/australia/platform-user-interface/tb-apply-theme.md).

**Parent Topic:**[Empty state illustrations in Theme Builder](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/australia/markdown/australia/platform-user-interface/empty-state-illustrations.md)