# Configuring a Theme with Theme Editor

> Configure an Inquiry theme in the Theme Editor: set colors, fonts, and button styles, then apply the theme set to a template or as an org default.

Source: https://help.withpersona.com/articles/6SIHupp847yaEuVMucKAff/
Section: Inquiries > Introduction > Designing Inquiries

## Overview

A theme defines the overall look-and-feel of the UI of an Inquiry. A theme includes settings for colors, fonts, borders, and more. Use the Flow Editor to easily edit a theme.

In this tutorial, you'll learn how to:

- **Customize colors**: Choose an overall primary color, and primary and secondary colors for buttons.
- **Style text**: Set the font, font size, and font weight of text.
- **Style buttons**: Choose from preset style configurations for buttons.

## Set up

### Open Theme Editor

1.  Navigate to **Inquiries > Themes** to manage theme sets.

    ![NavToThemes](https://assets.withpersona.com/f_auto,q_auto/help-center/articles/inquiries/navtothemes.png '1314x569')

2.  Click the **\+ Create Theme** button at the top-right corner of the window to open the Theme editor. Alternatively, you can click **...** to duplicate and modify an existing theme set.

#### Select customizations

1.  To edit a theme set, click into a card. Here, you can rename the Theme to a more descriptive name than the default.
2.  In the Language dropdown, select the language you want to view the flow in, while you edit.

    **Note:** Any edit you make to your theme will be applied to your flow in _all_ languages. The language you pick in this dropdown does not narrow the scope of your edits to just that language.

3.  Modify your theme color, font, and buttons, as well as advanced visual settings.

    ![ThemeEditor002](https://assets.withpersona.com/f_auto,q_auto/help-center/articles/inquiries/themeeditor002.png '1059x821')

4.  (Optional) You can also set an organization wide default theme set. When this option is set and an Inquiry Template does not have a specifically assigned theme set, the Inquiry Template will default to the organization default.

    ![ThemeEditorOrgDefault](https://assets.withpersona.com/f_auto,q_auto/help-center/articles/inquiries/themeeditororgdefault.png '519x330')

## Customize colors

In this tutorial, we'll choose an overall primary color, and primary and secondary colors for buttons. Many more color options are available.

1.  Select **Color** from the left-hand sidebar.
2.  Under **Primary color**, click the square box to open a color picker. Pick the color you want. See the hex code of your chosen color appear in the input box.

    ![ThemeEditorColorPicker](https://assets.withpersona.com/f_auto,q_auto/help-center/articles/inquiries/themeeditorcolorpicker.png '621x439')

3.  Under **Primary button fill color**, copy/paste the hex code from the Primary color to the input box here. This sets primary buttons to be the same color as the Primary color.
4.  Under **Secondary button fill color**, click the square box to open a color picker. Pick the color you want. (If you don't want to choose, copy/paste this hex code for a dark gray: `#585656`).
5.  Click **Save**.

## Style text

In this tutorial, we'll set the font, font size, and font weight of headings. You can apply analogous settings to body text and small text. Additional settings exist for line height, and text alignment.

1.  Select All **text** from the left-hand sidebar.
2.  Under **Heading font**, select a font for your heading text.

    ![ThemeEditorHeadingFont](https://assets.withpersona.com/f_auto,q_auto/help-center/articles/inquiries/themeeditorheadingfont.png '398x804')

3.  Under **Heading font size**, use the slider or input box to set a font size.
4.  Click **Save**.

## Style buttons

Choose from preset style configurations for buttons.

1.  Select **Buttons** from the left-hand sidebar.
2.  Under **Button font weight**, use the drop down to select your preferred font weight.
3.  Under **Button border radius**, use the slider or input box to select a radius.
4.  Under **Button style**, select the Raised style.

    ![ThemeEditorButtonStyle](https://assets.withpersona.com/f_auto,q_auto/help-center/articles/inquiries/themeeditorbuttonstyle.png '396x536')

5.  Click **Save**.

## Apply theme set to a template

1.  To change the theme set for a given Inquiry Template, go to **Inquiries > Templates** to select a specific template. Then in the left nav, click the **Theme icon**.
2.  Click on one of the available themes to apply it to the template.

    ![ThemeEditorApplyATheme](https://assets.withpersona.com/f_auto,q_auto/help-center/articles/inquiries/themeeditorapplyatheme.png '815x595')

3.  Click **Save**.