# Theme Builder

The Theme Builder lets you create and manage visual themes for <code class="expression">space.vars.productName</code>. Themes control the colour palette, typography, and overall appearance of the portal. Once created, themes can be assigned to subsidiaries, locations, or roles.

## Accessing Theme Builder

{% stepper %}
{% step %}

### Open the NetSuite Admin view

Switch to **NetSuite Admin** in <code class="expression">space.vars.productName</code>.
{% endstep %}

{% step %}

### Click Theme Builder

**Theme Builder** is in the left sidebar.
{% endstep %}
{% endstepper %}

![Theme Builder with presets, colour pickers, and live preview](/files/RbqHVNJifOoleTDuWHl4)

## What a theme controls

| Element          | Description                                                                    |
| ---------------- | ------------------------------------------------------------------------------ |
| **Presets**      | Pre-built colour and style combinations to start from                          |
| **Typography**   | Font family, sizes, and weights for headings and body text                     |
| **Brand Colors** | Primary, secondary, accent, and destructive colours used throughout the portal |
| **Base Colors**  | Background, foreground, card, and popover colours used throughout the portal   |
| **Other Colors** | Other accent colours                                                           |

## Creating a new theme

{% stepper %}
{% step %}

### Click + New Theme

Start a fresh theme.
{% endstep %}

{% step %}

### Adjust colours, fonts, and mode settings

Use the live preview to check the result as you tweak.
{% endstep %}

{% step %}

### Name and save

Give the theme a descriptive name and click **Save as New Theme**.
{% endstep %}
{% endstepper %}

## Editing an existing theme

1. Find the theme in the theme list.
2. Click **Edit**.
3. Make your changes.
4. Save.

## Assigning themes

Themes are assigned in:

* [General Settings](/netsuite-admin-guide/overview/general-settings.md): for a global default theme
* [Subsidiary Branding & Default Catalog](/netsuite-admin-guide/overview-1/subsidiary-branding.md): for a subsidiary-specific theme

## Tips

* Always set a global theme in General Settings as a fallback, even if you plan to use subsidiary-specific themes.
* Test themes in both light and dark mode to ensure readability across both.
* Use presets as a starting point and adjust from there rather than building from scratch.
* Theme names should be descriptive; include the subsidiary or use case if themes are assigned to specific contexts (e.g. "ACME Corp - B2B", "Retail Default").

## Related Pages

<table data-view="cards"><thead><tr><th></th><th></th><th data-hidden data-card-target data-type="content-ref"></th></tr></thead><tbody><tr><td><strong>General Settings</strong></td><td>Assign the global default theme.</td><td><a href="/pages/wQdfp866XcwgC1lNk6Pf">/pages/wQdfp866XcwgC1lNk6Pf</a></td></tr><tr><td><strong>Subsidiary Branding &#x26; Default Catalog</strong></td><td>Assign a theme to a specific subsidiary.</td><td><a href="/pages/znP7xIUHgURPNTO1TQ6L">/pages/znP7xIUHgURPNTO1TQ6L</a></td></tr></tbody></table>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.in8sync.com/netsuite-admin-guide/theme-builder.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.