# Theme

### Creating a Custom Theme

You can  create fully custom themes using the built-in Element DevTools. Define your colour system, typography scale, spacing, and build a proper design foundation that can be reused across projects.

{% hint style="warning" %}
**Theme creation is only available on the Pro plan**. Base and Plus users can still override theme values, and customise styling on a per project basis.
{% endhint %}

Click the plus button in the theme list to create a new theme, and enter in the required details for your theme. A icon is not required and can be added later via the Finder.

**Please Note:** Before you can create a Theme, you'll need to first create a Dev Pack to save it into.

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

### Dev Diary Videos for Themes

The following video will show you how themes work in Elements. The video was recorded with a development version of Elements so the feature(s) available now may differ slightly to those in the video.

{% embed url="<https://www.youtube.com/watch?v=RE2E0_gvqbA>" %}


---

# 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://docs.realmacsoftware.com/elements-docs/elements/theme-studio/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.