Create a theme with Theme Builder

task australia Updated Sep 10, 2026 2 min read tb-create-theme.md

Raw file servicenow.com

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 Granular admin roles.

Procedure

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
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.
Enter the name and a description of your new theme, and select Next.
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
After you identify the primary color of your brand, select Apply.
Repeat the previous step to define a secondary brand color.
Select Next.
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.
Select the preferred font for your text and select Next.
Select the corner shape of your components in the interface, such as the buttons, modals, and drop-down menus, and select Next.
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 or publish your theme.

Parent Topic:Configuring Next Experience with Theme Builder

Keywords themetheme builderadd a theme

75 lines · 3.5 KB Wrap lines

---
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-09-10"
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 [Granular admin roles](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/australia/markdown/platform-security/granular-admin-roles.md).

## Procedure

1. Navigate to **All** &gt; **Now Experience Framework** &gt; **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)