---
title: Create a theme with Theme Builder
description: Create a theme record for your web or mobile experiences by using the Home view in the Theme Builder application.
locale: en-US
canonical_url: https://www.servicenow.com/docs/r/australia/platform-user-interface/tb-create-theme.html
release: australia
topic_type: task
last_updated: "2026-03-12"
reading_time_minutes: 2
keywords: [theme, theme builder, add a theme]
breadcrumb: [Configuring Next Experience with Theme Builder, Working with themes, Configure, Next Experience UI, Configure UIs and portals, Configure user experiences]
---

# Create a theme with Theme Builder

Create a theme record for your web or mobile experiences by using the Home view in the Theme Builder application.

## Before you begin

Role required: ui\_builder\_admin

For information on granular roles, see .

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

    \[Omitted image "tb-home.png"\] Alt text: Theme Builder Home screen

2.  Select **Create a theme**.

    The wizard appears to guide you through your brand configurations, as described in the next steps. The theme record is saved automatically as you work.

3.  Enter the name and a description of your new theme, and select **Next**.

4.  Select the **Primary** tile, select your brand’s primary color, and review the simplified preview to see where the selected color displays in your instance.

    **Note:** In the Color Name dialog box, you can select the color model that you prefer: HEX, RGB, or HSL.

    \[Omitted image "tb-select-primary-color.png"\] Alt text: Your brand's primary color

5.  After you identify the primary color of your brand, select **Apply**.

6.  Repeat the previous step to define a secondary brand color.

7.  Select **Next**.

8.  Upload your brand logo, confirm it appears correctly in the preview, and select **Next**.

    **Note:** If you don’t add a logo, the ServiceNow logo is used.

9.  Select the preferred font for your text and select **Next**.

10. Select the corner shape of your components in the interface, such as the buttons, modals, and drop-down menus, and select **Next**.

11. Review your selections, then select **Create theme**.

    **Note:** From this screen, you can edit any part of the theme before selecting **Create theme**. After the theme is created, any changes you make are automatically saved.

    \[Omitted image "tb-nap-wizard-flow-summary.png"\] Alt text: Final review screen showing theme information, brand colors, and a preview before creating the theme.


## Result

Your theme is saved as a draft in Theme Builder and appears in the Unpublished section of the Manager page.

## What to do next

After creating your theme in the wizard, you are directed to the Editor view of the theme where you can continue [modifying](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/australia/markdown/australia/platform-user-interface/tb-edit-theme.md) or [publish your theme](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/australia/markdown/australia/platform-user-interface/tb-apply-theme.md).

**Parent Topic:**[Configuring Next Experience with Theme Builder](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/australia/markdown/australia/platform-user-interface/configuring-next-experience-with-theme-builder.md)