> For the complete documentation index, see [llms.txt](https://docs.boltai.com/docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.boltai.com/docs/chat-ui/app-appearance.md).

# App Appearance

### How to customize the App Icon?

Go to **Settings > Appearance > App Icon** and add your custom icons... [\[View Community Icon\]](/docs/chat-ui/community-icon.md)

<figure><img src="/files/oKGxo12RMVfxA2djVtyT" alt=""><figcaption><p>Custom App Icon</p></figcaption></figure>

### How to customize Code Block theme?

Go to **Settings > Apperance > Code Block.** The options is pretty self-explanatory.

{% hint style="info" %}
This feature requires a new Markdown Renderer and is only available on macOS 13 and later.
{% endhint %}

<figure><img src="/files/gR5iP3hzEmXtXvMakixH" alt=""><figcaption><p>Customize Code Block</p></figcaption></figure>

### Customize system theme & fonts?

<figure><img src="/files/5iEZMPQ4cYEDRkYUbJlu" alt=""><figcaption><p>Customize Themes &#x26; Fonts</p></figcaption></figure>

### Customize Chat Action Toolbar

BoltAI allows you to customize the Chat Action Toolbar under the message bubble.

<figure><img src="/files/N3aQhO0PHrtFV0rp82QB" alt=""><figcaption><p>Customize Chat Action Toolbar</p></figcaption></figure>

### Customize Chat Layout

<figure><img src="/files/Harq4oHjOThb3zYoyF6H" alt=""><figcaption><p>Enable Developer Layout</p></figcaption></figure>

### Customize Sidebar

<figure><img src="/files/5Z2zJpjgZwCh1bJWPtec" alt=""><figcaption></figcaption></figure>

### Customize Chat Input UI

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