> ## Documentation Index
> Fetch the complete documentation index at: https://fillout-005a867b-dependabot-npm-and-yarn-form-data-4-0-6.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Fillout Form Themes

> Design your Fillout form to match your brand by selecting from hundreds of customizable pre-built themes or creating your own. Edit colors, fonts, sizes, and more.

## How to change the theme

Click `Theme` to open the **Form designer**. In the left-hand panel, select a `Featured` theme or a design from `My Themes`, where your other form designs are auto-saved.

<img src="https://mintcdn.com/fillout-005a867b-dependabot-npm-and-yarn-form-data-4-0-6/iDs8lNUK7TJTojmP/images/Screenshot2025-11-28at1.43.24PM.png?fit=max&auto=format&n=iDs8lNUK7TJTojmP&q=85&s=95e63cbdacd11cb1f21c21b835445a9a" alt="Screenshot 2025-11-28 at 1.43.24 PM.png" width="2647" height="1439" data-path="images/Screenshot2025-11-28at1.43.24PM.png" />

## Customize a theme

Click `Edit` to update your theme, or `Custom theme` to make your own.

<Warning>
  Editing a theme updates it permanently. To keep the original, **duplicate** it or click **Custom theme** at the bottom of the left-hand panel.
</Warning>

In the left-hand panel, you can modify the:

* **Questions background** color
* **Primary** color of buttons and accents throughout the form
* **Questions** text color
* **Answers** text color
* **Font** style

<img src="https://mintcdn.com/fillout-005a867b-dependabot-npm-and-yarn-form-data-4-0-6/iDs8lNUK7TJTojmP/images/Screenshot2025-11-28at2.12.42PMcopy.png?fit=max&auto=format&n=iDs8lNUK7TJTojmP&q=85&s=70a88967bbf1f864294aaa6d9b03d496" alt="Screenshot 2025-11-28 at 2.12.42 PM copy.png" width="2644" height="1440" data-path="images/Screenshot2025-11-28at2.12.42PMcopy.png" />

<Info>
  Customizing themes is available to **Starter** users and above. For more details on pricing, click [here](https://www.fillout.com/pricing).
</Info>

You can also add and adjust:

* [**Logo**](/logo) for a professional and polished look
* [**Position**](/layout) or layout of your form
* [**Image**](/image-gif) uploaded or linked to the form
* **Brightness** of the image
* **Questions** button size

## Edit text formatting

`Highlight text` to change its font size, style, color, type, alignment, or to turn it into a hyperlink.

<img src="https://mintcdn.com/fillout-005a867b-dependabot-npm-and-yarn-form-data-4-0-6/iDs8lNUK7TJTojmP/images/Screenshot2025-11-28at2.26.20PM.png?fit=max&auto=format&n=iDs8lNUK7TJTojmP&q=85&s=71f02dd6e386e28d065c53402f1a81ac" alt="Screenshot 2025-11-28 at 2.26.20 PM.png" title="Screenshot 2025-11-28 at 2.26.20 PM.png" style={{ width:"59%" }} width="1217" height="416" data-path="images/Screenshot2025-11-28at2.26.20PM.png" />

## Related articles

<CardGroup cols={3}>
  <Card color="#FFC738" icon="paintbrush-pencil" iconType="regular" href="/advanced-designer" title="Advanced designer">
    Add a custom CSS, edit button style, change text padding, and more.
  </Card>

  <Card color="#FFC738" icon="font-case" iconType="regular" href="/form-fonts" title="Change fonts">
    Choose from thousands of Google fonts or upload one.
  </Card>

  <Card color="#FFC738" icon="airbnb" iconType="regular" href="/logo" title="Add a logo">
    Add a professional touch and create strong brand identity.
  </Card>
</CardGroup>
