> For the complete documentation index, see [llms.txt](https://documentation.hak5.org/payload-studio/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://documentation.hak5.org/payload-studio/customization/appearance.md).

# Appearance

Customize the look at feel of PayloadStudio by changing the **themes** from within **Settings > IDE Settings**

{% hint style="info" %}
The **full list of IDE Settings** can be found on the [IDE Settings](/payload-studio/customization/ide-settings.md) Page
{% endhint %}

## Theme

The **Theme** option will change both the main editor and the overall appearance of PayloadStudio

![Settings > IDE Settings > Theme](/files/gxIycWR8YWHzkOiObBC5)

<figure><img src="https://cdn.shopify.com/s/files/1/0068/2142/files/themes1_1_600x.gif?v=1659642557" alt=""><figcaption><p>PayloadStudio Editor Themes Demo</p></figcaption></figure>

## Console Theme

The **Console Theme** will change the appearance of the console and other editors (like the Language Editor) within PayloadStudio

<figure><img src="/files/z9YVhHhn0Y7kTjS6PRge" alt=""><figcaption><p>Console Theme Demo</p></figcaption></figure>

<figure><img src="/files/koNLvuMngs1vIXC4Lg6n" alt=""><figcaption><p>Language Editor themed with the Console Theme setting</p></figcaption></figure>

## Advanced Editor Customization <img src="/files/tlP9AaWgm2GpuqsRgbag" alt="Pro" data-size="line">

PayloadStudio PRO gives you full control over how writing code looks and feels within the editor.&#x20;

{% hint style="info" %}
The **full list of Editor settings** can be found on the [Editor Settings](/payload-studio/customization/editor-settings.md) Page
{% endhint %}