# Thème

Dans les paramètres de votre Spot, vous pouvez modifier les couleurs et la police de votre Spot. Pour cela, cliquez sur `Thème` dans les paramètres de votre Spot.

## Modifier la police

Pour modifier la police utilisée sur l'ensemble de votre Spot, vous avez un sélecteur qui vous permet de choisir la police qui vous convient le mieux !&#x20;

<figure><img src="https://2006110990-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJ79zpqfFC0YiOG6mb94n%2Fuploads%2Foa3NxynH1Y8xsDoascos%2Fimage.png?alt=media&#x26;token=8f6d0086-6c85-4f46-9cd5-8c6da88b2def" alt=""><figcaption></figcaption></figure>

Vous avez le choix entre 12 polices différentes :&#x20;

<figure><img src="https://2006110990-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJ79zpqfFC0YiOG6mb94n%2Fuploads%2FoDpjjj4d0qc9K3oXksiz%2Fimage.png?alt=media&#x26;token=0706476c-fa35-451b-ba62-d2a48b1c04bd" alt="" width="164"><figcaption></figcaption></figure>

## Modifier les couleurs

Au sein de MeltingSpot, il y a deux modes : le mode clair et le mode sombre. Pour chacun de ces modes, on distingue deux types de couleurs : les Primaires et les Secondaires. Pour chacune, vous pouvez modifier les couleurs de fond et les couleurs de texte.

<figure><img src="https://2006110990-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJ79zpqfFC0YiOG6mb94n%2Fuploads%2FAbl34NrsHMrobc88E2tE%2Fimage.png?alt=media&#x26;token=f1bd3333-7c7f-4c47-a671-81788c47a141" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
Les couleurs **primaires** sont les couleurs qui permettent de mettre en avant les boutons et les textes les **plus importants**. Les couleurs **secondaires** sont utilisées pour les éléments **moins importants**.
{% endhint %}

<table><thead><tr><th width="133.33333333333331">Couleur</th><th>Eléments impactés</th></tr></thead><tbody><tr><td>Fond Primary</td><td><ul><li>La couleur des boutons de création et des tabs bar<br><img src="https://2006110990-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJ79zpqfFC0YiOG6mb94n%2Fuploads%2FQfbbRg7MmDb1ZBf7KjCz%2Fimage.png?alt=media&#x26;token=ef346c8c-69c7-49c4-bca5-a173de3d2875" alt=""></li><li>Les liens<br><img src="https://2006110990-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJ79zpqfFC0YiOG6mb94n%2Fuploads%2FipN2p1Lw7QSQMY0b7yNj%2Fimage.png?alt=media&#x26;token=c62ab010-d1fc-4651-91ae-1af8b9b71c31" alt=""></li></ul></td></tr><tr><td>Texte Primary</td><td><ul><li>Le texte des boutons de création et des tabs bar<br><img src="https://2006110990-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJ79zpqfFC0YiOG6mb94n%2Fuploads%2FTIw83X9tvEVUOp0hXDym%2Fimage.png?alt=media&#x26;token=f37ea2e9-24a5-41fc-baf6-7a70287c650c" alt=""></li></ul></td></tr><tr><td>Fond Secondary</td><td><ul><li>La couleur des boutons d'action (par exemple s'inscrire à un live ou écrire un message)<br><img src="https://2006110990-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJ79zpqfFC0YiOG6mb94n%2Fuploads%2FbDYtk6VrWQqz9aMaeOBt%2Fimage.png?alt=media&#x26;token=ea750ccf-87e9-4927-9f84-b4bce46b18ae" alt=""></li><li>Le fond d'une mention au passage de la souris<br><img src="https://2006110990-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJ79zpqfFC0YiOG6mb94n%2Fuploads%2FJMPGmCQtNk1Eg5lI6VQC%2Fimage.png?alt=media&#x26;token=e4b0b6c1-3722-4e8f-9aa3-9fae6b5fe90e" alt=""></li><li>Le fond de la discussion ou de la collection sélectionnée<br><img src="https://2006110990-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJ79zpqfFC0YiOG6mb94n%2Fuploads%2Fb7t365ecnxlH71CIwDqF%2Fimage.png?alt=media&#x26;token=7e24f07d-7bed-469d-89ef-2f25fd4495a0" alt=""></li></ul></td></tr><tr><td>Texte Secondary</td><td><ul><li>Le texte des boutons d'action (par exemple s'inscrire à un live ou écrire un message)<br><img src="https://2006110990-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJ79zpqfFC0YiOG6mb94n%2Fuploads%2Fx3YIPuLCGeSDQtsOmWkt%2Fimage.png?alt=media&#x26;token=265dfece-b5d8-4589-9440-3b3881ec1fb7" alt=""></li><li>Les mentions<br><img src="https://2006110990-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJ79zpqfFC0YiOG6mb94n%2Fuploads%2Fi50Ue9gLkEc5cEg2G8wT%2Fimage.png?alt=media&#x26;token=cee608fb-5997-4a29-bb7d-30b0eeaf7d6a" alt=""></li><li>Le nom de la discussion ou de la collection sélectionnée<br><img src="https://2006110990-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJ79zpqfFC0YiOG6mb94n%2Fuploads%2FcCnqelMCyltwBQPJbn02%2Fimage.png?alt=media&#x26;token=3de7760e-0058-4165-b1f2-341adfe3c484" alt=""></li></ul></td></tr></tbody></table>

Quand vous modifiez les couleurs de votre Spot, vous avez donc huit couleurs à modifier en tout ! Pour modifier une couleur, vous avez 2 solutions :&#x20;

* Cliquez sur la pastille de couleur et sélectionnez la couleur qui vous convient.
* Tapez le code HEX de la couleur que vous souhaitez.

Sous les sélecteurs, vous avez des aperçus du rendu avec l'ensemble des couleurs que vous avez choisies !

Tout en bas de la page, vous avez un bouton `Réinitialiser le thème`. Au clic sur ce bouton, les couleurs et la police par défaut est réappliquée.
