# Form Features - Theme Customization

## Overview

The **Theme Customization** feature allows you to customize the main color used across your form.\
This color is applied to key UI elements such as buttons, links, and sections, ensuring your form matches your branding.

This article explains:

* [How to configure the **primary color**](#how-to-configure-the-primary-color)
* [Demo of **a Theme Customization with a Car Inspection Form**](#demo-car-inspection-form-example)

## Getting Started

### How to configure the primary color

Follow these steps to configure the primary color on your form.

1. In the **Form Editor**, open the [**Advanced** tab](/forms/form-elements/sharinpix-form-template-editor.md#advanced-tab).
2. Click **Edit Theme**.
3. Select a color with the color picker.

Once selected, the color will be applied immediately to the form preview.

<figure><img src="/files/XCNx2MZ5tYdr5FtfFS5v" alt="Theme editor with color picker"><figcaption><p>Use the color picker to choose the primary color for your form.</p></figcaption></figure>

### Demo: Car Inspection Form Example

This example demonstrates the Theme Customization feature within a **Car Inspection** form.

<figure><img src="/files/NSHq7guMXpg1UuZAL22H" alt="Car Inspection form using theme customisation"><figcaption><p>Example of theme customization applied to a Car Inspection form.</p></figcaption></figure>

{% hint style="success" %}
**Best Practices**

* Choose a color that provides good contrast with text and backgrounds
* Ensure accessibility by avoiding overly light colors
* Use your brand’s primary color for consistency across your applications
  {% endhint %}

{% hint style="warning" %}
**Notes**

* Only valid HEX color values are supported (e.g. `#FF5733`)
* The system automatically converts the color into the required format for styling
* Changes are applied dynamically without requiring a page reload
  {% endhint %}


---

# 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.sharinpix.com/forms/form-elements/form-features-theme-customization.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.