# 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="https://3876014504-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNy6AECEVH2p4eFDicpM1%2Fuploads%2FlsWj1yQx9ACjqT2fwH9B%2FCleanShot%202026-02-11%20at%2011%E2%80%AF.00.45%402x.png?alt=media&#x26;token=197dfefe-6f72-41dd-8065-5211c50a61ab" 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>" %}