Edit your theme colors

task brazil Updated Sep 10, 2026 1 min read edit-theme-colors.md

Raw file servicenow.com

Edit and update your theme's core colors to create visual consistency and align with your brand.

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 appears in the Home page view.
Use the Page drop-down list to select the Editor page view.

[Omitted image "tb-editor-page-list.png"] Alt text: Page drop-down list with Editor selected.
From the Theme drop-down list, select the theme that you want to edit.

The Global styles tab opens automatically with the Overview panel displayed.

[Omitted image "tb-editor-page-view.png"] Alt text: Example view of the Editor page.
Under the Global styles tab, select the Color palette icon [Omitted image "tb-color-palette-icon.png"] Alt text: to access the color options.

[Omitted image "tb-color-palette-tab.png"] Alt text: Global styles tab with Color panel selected. [Omitted image ""] Alt text:
1. Update your brand colors by selecting either Primary, Secondary, or Neutral, then use the color picker to select another color.
2. Add additional brand colors, if needed.
  
  Note: Additional brand colors are supporting colors and by default aren’t tied to any components.
3. Update any auto-generated UI colors using the drop-down list next to each UI element, if needed.
  
  Note: After you have saved changes to any of the color hooks, a Remove override symbol appears. Select the Remove override symbol to revert your changes back to the original auto-generated colors.
  
  [Omitted image "tb-color-undo.png"] Alt text: Remove override symbol.

Result

If your theme is published, your edits are visible to users who have your theme applied on refresh. For information on publishing your theme, see Publish your themes with Theme Builder.

Parent Topic:Working with Global styles

Keywords edit theme colorsedit colorstheme builder

63 lines · 3.0 KB Wrap lines

---
title: Edit your theme colors
description: Edit and update your theme's core colors to create visual consistency and align with your brand.
locale: en-US
canonical_url: https://www.servicenow.com/docs/r/platform-user-interface/edit-theme-colors.html
release: brazil
topic_type: task
last_updated: "2026-09-10"
reading_time_minutes: 1
keywords: [edit theme colors, edit colors, theme builder]
breadcrumb: [Global 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]
---

# Edit your theme colors

Edit and update your theme's core colors to create visual consistency and align with your brand.

## Before you begin

Role required: ui\_builder\_admin

For information on granular roles, see [Granular admin roles](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/brazil/markdown/platform-security/granular-admin-roles.md).

## Procedure

1. Navigate to **All** &gt; **Now Experience Framework** &gt; **Theme Builder**.

The Theme Builder landing page appears in the Home page view.

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

\[Omitted image "tb-editor-page-list.png"\] Alt text: Page drop-down list with Editor selected.

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

The **Global styles** tab opens automatically with the Overview panel displayed.

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

4. Under the **Global styles** tab, select the Color palette icon \[Omitted image "tb-color-palette-icon.png"\] Alt text: to access the color options.

\[Omitted image "tb-color-palette-tab.png"\] Alt text: Global styles tab with Color panel selected. \[Omitted image ""\] Alt text:

1. Update your brand colors by selecting either Primary, Secondary, or Neutral, then use the color picker to select another color.

2. Add additional brand colors, if needed.

**Note:** Additional brand colors are supporting colors and by default aren’t tied to any components.

3. Update any auto-generated UI colors using the drop-down list next to each UI element, if needed.

**Note:** After you have saved changes to any of the color hooks, a Remove override symbol appears. Select the Remove override symbol to revert your changes back to the original auto-generated colors.

\[Omitted image "tb-color-undo.png"\] Alt text: Remove override symbol.

## Result

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

**Parent Topic:**[Working with Global styles](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/brazil/markdown/platform-user-interface/working-with-global-styles.md)