# Appearance & theming

Give a form your look with a preset or your own colors and fonts, a cover and a logo, and light and dark mode. Save it as a workspace theme to reuse it on every form.

## Change the theme

In the editor, click **Theme**, the palette icon on the right edge. On a phone, it is in the top bar’s **⋯** menu. The form shows each change as you make it.

The **Light** and **Dark** switch picks which mode you are editing, and each mode has its own theme. Pick a theme in the **Theme** picker, adjust it, and click **Save**.

![The Theme tab of the side panel with the Light and Dark switch, the Theme picker, and the typography and color controls](https://formstep.io/docs/images/building-forms/theme-panel.png)

The Theme tab of the side panel.

## Presets

A preset sets the colors, the font and the corner rounding in one click, and every plan can use them. New forms start on **Formstep default**. Once you change a value by hand, the picker shows **Custom**.

> **Your own theme needs Pro**
>
> Changing colors and fonts yourself needs Pro or Business. After a downgrade, a form keeps its own theme, but you cannot edit it.

## Colors and fonts

Under **Typography**, pick one of eleven fonts, the base text size and the corner rounding of fields and buttons. The colors are grouped by where they show on the form: the page, fields and choices, buttons and errors, and rating stars. Each color changes everything with the same purpose, so **Text** changes all text on the form. Point at a color’s name to see what it controls.

## Cover image and logo

Click **Add Cover** or **Add Logo** above the form. Upload an image (PNG, JPG or WebP up to 5 MB), or pick a color, an Unsplash photo or an icon. Drag a cover up or down to place it.

## Dark mode

A form follows the light or dark setting of the respondent’s device. Without a dark theme of your own, dark mode uses Formstep’s default dark colors, so set up both modes, and check that your logo and button colors work on both. An [embed](https://formstep.io/docs/sharing-publishing/embedding-popups/#color-scheme) can force one mode.

## Workspace themes

A workspace theme saves a look under a name, so every form in the workspace can use it. Change the theme, and every form linked to it changes. Any member can save one on Pro or Business. A theme covers one mode, so keep two for both, such as _Acme Light_ and _Acme Dark_.

1. Style a form in the **Theme** tab, click **Save as workspace theme**, name it, and click **Save theme**. This form is now linked to it.

2. On another form, open **Theme**, pick the theme under **Workspace themes**, and click **Save**. The form shows a **Linked** badge.

When you change a linked form’s theme, Formstep asks whether to save it to the workspace theme, which updates every linked form, or for this form only. Respondents see the new look after you publish each form again. Rename and delete a theme from the **⋯** menu beside it; after a delete, forms keep the look as their own theme.

## Formstep branding

Forms show a small Formstep badge. On Pro and Business, turn off **Show Formstep branding** in **Settings**, **General**.

## Next steps

[Your own domains](https://formstep.io/docs/branding-domains/custom-domains/) — Serve forms and send emails from your domain

[Multilingual forms](https://formstep.io/docs/building-forms/translating-form-content/) — Serve your form in any language