> For the complete documentation index, see [llms.txt](https://docs.talentmap.com/knowledge-base/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.talentmap.com/knowledge-base/survey-design-and-deployment/creating-surveys-quick-start/customizing-survey-themes.md).

# Customizing Survey Themes

Themes let you match your survey's appearance to your organization's branding by setting an accent colour, font family, and font size. These settings apply to the survey participants see when they respond.

***

### Permissions

{% hint style="info" %}
**Survey Creator or TalentMap Admin required.** Only users with one of these roles can access and edit theme settings.
{% endhint %}

***

### What the theme controls

The **Themes** tab has three settings that control how your survey looks to participants:

* **Accent colour.** Applies to interactive elements like radio buttons, checkboxes, comment box outlines, and navigation buttons (for example, the **Next** button).
* **Survey font family.** Changes the font used for all survey text, including questions, answer options, and page titles.
* **Survey font size.** Scales all survey text up or down from the default size of 100%.

<figure><img src="/files/ZiMUVYSmIoK3LsehUjA6" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
**Theme changes apply only to the survey you are editing.** Each survey has its own theme settings. Changing the theme on one survey does not affect any other surveys.&#x20;
{% endhint %}

***

### Setting an accent colour

1. Navigate to **Design Survey** in the left navigation.
2. Click the **Themes** tab in the top toolbar.
3. In the **Appearance** panel on the right, locate **Accent colour**.
4. Click the **colour dropper icon** to open the colour picker.

<figure><img src="/files/HLl302LKmsY5MerEYHJz" alt=""><figcaption></figcaption></figure>

5. Select your colour using one of these methods:
   * Click anywhere on the colour field to pick a colour visually.
   * Enter an exact value in the input field. You can switch between HEX, RGB, and other colour modes using the selector below the input.
   * Click a colour from the preset swatches along the bottom of the picker.
6. Click **SAVE** to apply your changes.

{% hint style="info" %}
**Match your brand colours.** If your organization has brand guidelines with specific HEX codes (for example, `#1A73E8`), enter the code directly for an exact match.
{% endhint %}

***

### Changing the font family

1. Navigate to **Design Survey** in the left navigation.
2. Click the **Themes** tab in the top toolbar.
3. In the **Appearance** panel, click the **Survey font family** dropdown.
4. Select a font from the list.

The available fonts are: Open Sans, Arial (sans-serif), Brush Script MT (cursive), Courier New (monospace), Garamond (serif), Georgia (serif), Tahoma (sans-serif), Times New Roman (serif), Trebuchet MS (sans-serif), and Verdana (sans-serif).

5. Click **SAVE** to apply your changes.

***

### Adjusting the font size

1. Navigate to **Design Survey** in the left navigation.
2. Click the **Themes** tab in the top toolbar.
3. In the **Appearance** panel, locate **Survey font size**.
4. Click the **up arrow** to increase the font size or the **down arrow** to decrease it. The default value is 100%. Each click adjusts the size incrementally.
5. Click **SAVE** to apply your changes.

{% hint style="info" %}
**Preview your changes.** Click the **Preview** tab to see exactly how participants experience the survey with your theme applied, including on desktop and mobile views.
{% endhint %}

***

### Reverting theme changes

If you want to reset your theme back to its previous state, click the **revert icon** (circular arrow) to the right of the **SAVE** button while on the **Themes** tab. This reverts your accent color, font family, and font size to the last saved values.

<figure><img src="/files/5jy2oCSpyYrBb79YBG1o" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
**This only resets theme settings.** The revert button on the **Themes** tab does not affect any survey content or design changes made on the **Designer** tab.
{% endhint %}

***

### FAQ

#### Does the accent colour affect the survey logo?

No. The accent colour only applies to interactive survey elements (radio buttons, checkboxes, comment box outlines) and navigation buttons. Your uploaded logo is not affected.

#### Can I use a different theme for each survey?

Yes. Theme settings are saved per survey, so you can customize each one independently.

#### What font is used if I don't change the default?

The default font family is Open Sans at 100% font size.

***

### Troubleshooting

| Issue                                    | Solution                                                                                                                                 |
| ---------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------- |
| **Themes** tab is not visible            | Confirm you have **Survey Creator** or **TalentMap Admin** permissions.                                                                  |
| Color changes don't appear in the survey | Click **SAVE** after making changes, then check the **Preview** tab.                                                                     |
| Font looks different than expected       | Some fonts render differently depending on the participant's device and operating system. Preview on both desktop and mobile to confirm. |


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## 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, and the optional `goal` query parameter:

```
GET https://docs.talentmap.com/knowledge-base/survey-design-and-deployment/creating-surveys-quick-start/customizing-survey-themes.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

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.