# Theme

You can change the colors and the font of your Spot. To do so, click on `Theme` in your Spot settings.&#x20;

## Change font&#x20;

To change the font used throughout your Spot, you have a selector that lets you choose the font that suits you best!

<figure><img src="https://3055204660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrzBxnWaSListMwx3rzKu%2Fuploads%2FD5ZX2SPFRVxfQy45Mx2a%2Fimage.png?alt=media&#x26;token=5f9b8c62-2a2a-4255-b7f1-ac502c8e736f" alt=""><figcaption></figcaption></figure>

There are 12 different fonts to choose from:

<figure><img src="https://3055204660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrzBxnWaSListMwx3rzKu%2Fuploads%2FKwUWKLU2zuABvVm88Eu3%2Fimage.png?alt=media&#x26;token=c4e393f8-20c0-45d6-a894-18c656ab32c8" alt="" width="164"><figcaption></figcaption></figure>

## Change colors&#x20;

Within MeltingSpot, there are two modes: light and dark. For each of these modes, there are two types of color: Primary and Secondary. For each, you can modify the background and text colors.

<figure><img src="https://3055204660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrzBxnWaSListMwx3rzKu%2Fuploads%2FrJ3XUCCw259jKI28fMMi%2Fimage.png?alt=media&#x26;token=bf848bcd-61df-4c5b-91cb-55a1da94fa2f" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
Primary colors are used to highlight the most important buttons and texts. Secondary colors are used for less important elements.&#x20;
{% endhint %}

<table><thead><tr><th width="139.33333333333331">Color</th><th>Elements affected</th></tr></thead><tbody><tr><td>Background Primary</td><td><ul><li>Color of creation buttons and tabs bar<br><img src="https://3055204660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrzBxnWaSListMwx3rzKu%2Fuploads%2FL9Fmo1nM1LoRj8NXMkHV%2Fimage.png?alt=media&#x26;token=1c59eaf1-1633-4a5f-8e24-bd41fb5e5575" alt=""></li><li>Links<br><img src="https://3055204660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrzBxnWaSListMwx3rzKu%2Fuploads%2F9Uoiy6BHihb009vSIRm4%2Fimage.png?alt=media&#x26;token=2e2898dc-80a7-4f7a-968c-99474c3c53e4" alt=""></li></ul></td></tr><tr><td>Text Primary</td><td><ul><li>Text on creation buttons and tabs bar<br><img src="https://3055204660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrzBxnWaSListMwx3rzKu%2Fuploads%2FWAoo8PZyjVInEEKRYIYc%2Fimage.png?alt=media&#x26;token=4195384c-259e-43b3-90fe-5a3312c78a02" alt=""></li></ul></td></tr><tr><td>Background Secondary</td><td><ul><li>Color of action buttons (e.g. register for a live event or write a message)<br><img src="https://3055204660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrzBxnWaSListMwx3rzKu%2Fuploads%2FZE9KTCtenYiBpkljlUGI%2Fimage.png?alt=media&#x26;token=d8acc70d-0bee-4028-895f-067a377eaa7e" alt=""></li><li>Mouse-over background for mentions<br><img src="https://3055204660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrzBxnWaSListMwx3rzKu%2Fuploads%2FNCLd3MJrnkEu51chxhb7%2Fimage.png?alt=media&#x26;token=da8783c4-4b6d-403a-b5f6-9075de61087c" alt=""></li><li>Name of selected discussion or collection<br><img src="https://3055204660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrzBxnWaSListMwx3rzKu%2Fuploads%2FEBTZrafkYPcxoZ5BMbmk%2Fimage.png?alt=media&#x26;token=237c41e8-4928-478f-b7a0-c8b2c418a3e9" alt=""></li></ul></td></tr><tr><td>Text Secondary</td><td><ul><li>Text of action buttons (e.g. register for a live session or write a message)<br><img src="https://3055204660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrzBxnWaSListMwx3rzKu%2Fuploads%2Fubydjy49cSFc5VWppjKG%2Fimage.png?alt=media&#x26;token=b0fd97bd-3a10-4621-9071-92f0f71a35bf" alt=""><br></li><li>Mentions<br><img src="https://3055204660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrzBxnWaSListMwx3rzKu%2Fuploads%2F4UFZHxbFXIeWOiUpmPcz%2Fimage.png?alt=media&#x26;token=923f03dd-1503-4276-a6cb-ba5a3441e7c5" alt=""></li><li>Name of selected discussion or collection<br><img src="https://3055204660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrzBxnWaSListMwx3rzKu%2Fuploads%2FAOsFCHeLqdU6hw8IcmFl%2Fimage.png?alt=media&#x26;token=b2c992b8-fef2-4be9-92a2-f3ac401c31e8" alt=""></li></ul></td></tr></tbody></table>

So when you modify the colors of your Spot, you have eight colors to modify in all! To modify a color, you have 2 options:&#x20;

* Click on the color dot and select the color you want.&#x20;
* Type in the HEX code of the color you want.

Below the selectors, you'll find previews of the rendering with all the colors you've chosen!&#x20;

At the very bottom of the page, you'll find a `Reset Theme` button. Clicking on this button reapplies the default colors and font.
