# Design theme

<figure><img src="/files/8wxxbj2At6voMvsqCjo5" alt=""><figcaption></figcaption></figure>

Editing your theme allows you to customize the look and feel of all your public facing zcal pages, including your invite and profile pages. You can edit your theme from multiple places in the app -  account settings, invite settings, and profile page settings. Here we'll show you how to edit the theme from account settings.

### Open the theme editor

Navigate to the [account page](https://zcal.co/account), then click the theme card under the `Appearance` section.

<figure><img src="/files/xEyAnxO8HHznGY6UvtcJ" alt=""><figcaption></figcaption></figure>

### Select a theme template

With the "Theme Gallery" tab selected, you can select one of our theme templates to instantly get a design that looks good with no customization required. This is also an easy way to switch to a dark mode theme.

<figure><img src="/files/k7Nru7LpfkpzVAvmL4xR" alt=""><figcaption></figcaption></figure>

### Customize your theme

With the "Edit theme" tab selected, you can customize your theme's font, background image, and colors.

Choose a font from the font picker.

<figure><img src="/files/P0hFP6mR3mmgHpSdr1tG" alt=""><figcaption></figcaption></figure>

Add a background image.

<figure><img src="/files/YnUFcdNNNrADJVBTHUzC" alt=""><figcaption></figcaption></figure>

Select your brand colors.

<figure><img src="/files/KObhMUB1MrCeHm2kD236" alt=""><figcaption></figcaption></figure>


---

# 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://help.zcal.co/invite-settings/design-theme.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.