> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://aide.scorenco.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Personnaliser l'apparence du widget tournoi (couleur)

La couleur du widget Tournoi est personnalisable selon votre choix !

### 1 - Accédez à l’espace d'administration du club

### 2 - Cliquez sur l’onglet “Widgets” dans la barre latérale à gauche de votre écran

![Où trouver l'onglet Widgets dans le menu latéral](https://storage.crisp.chat/users/helpdesk/website/d3749eff24758000/liste-des-widgets-crees-menu-l_1d7mm22.png)


### 3 - Sélectionnez la fenêtre “Apparence”
à côté de “Vos widgets” 

![Dans le menu Widget, cliquez sur "Apparence"](https://storage.crisp.chat/users/helpdesk/website/d3749eff24758000/liste-des-widgets-crees-bouton_1encot2.png)

### 4 - Modifiez le code couleur (code hexadécimal) de vos widgets

⚠ Pour le widget Tournoi, **seule la couleur principale est prise en compte**.

![Modifiez les couleurs d'apparence de vos widgets](https://storage.crisp.chat/users/helpdesk/website/d3749eff24758000/modifier-la-couleur-du-widget-_1gf5en9.png)

${color}[#004580](💡Vous pouvez récupérer les codes couleur de votre club renseignés dans la fenêtre “Informations” dans l’onglet “Club”.)

Si aucune couleur n’est renseignée, et si vous ne savez pas comment **récupérer les codes couleur de votre club**, voici 2 possibilités.
* (Conseillé) Depuis le site internet du club : utilisez l’extension gratuite ColorZilla, disponible sur Google Chrome et Mozilla Firefox : [https://chrome.google.com/webstore/detail/colorzilla/](https://chrome.google.com/webstore/detail/colorzilla/bhlhnicpbhignbdhedgjhgdocnmhomnp)

* Depuis le logo du club, ou une image du club : ouvrez l’un des 2 sites : 
[https://imagecolorpicker.com/](https://imagecolorpicker.com/)
[https://html-color-codes.info/colors-from-image/#](https://html-color-codes.info/colors-from-image/#)

### 5 - Validez le(s) changement(s) en appuyant sur le bouton “Modifier”

### Exemple d'un widget dont la couleur change.


![Image Avant/Après modification de la couleur du widget Tournoi](https://storage.crisp.chat/users/helpdesk/website/d3749eff24758000/modifier-la-couleur-du-widget-_1eeucnf.png)



---
Vous avez de nouveau besoin d'aide ? Notre [GUIDE - Découverte et prise en main du module tournoi](/fr/article/guide-decouverte-et-prise-en-main-du-module-tournoi-lkwsf8/) peut sûrement vous aider.

Voir aussi : [Ajouter un logo à un tournoi](/fr/article/ajouter-un-logo-a-un-tournoi-rnglmh/)