> For the complete documentation index, see [llms.txt](https://docs.sharinpix.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.sharinpix.com/forms/form-elements/form-features-theme-customization.md).

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