> ## 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).

# Modifier l'apparence des widgets (couleur)

Les couleurs des widgets sont personnalisables 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 les codes couleur (code hexadécimal) de vos widgets

* Couleur principale
* Couleur de fond
* Couleur de texte

![Modifiez les couleurs d'apparence de vos widgets](https://storage.crisp.chat/users/helpdesk/website/d3749eff24758000/apparence-widget-couleurs-hexd_ic4aqx.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”


---

${color}[#004580](**Vous souhaitez aller plus loin dans la personnalisation de vos widgets (police / couleurs / design ...) ?** 🧩🎨
C'est possible avec notre **offre premium** de widgets ! ✨
➡️ Contactez-nous pour en discuter ensemble : via la bulle de conversation en bas à droite de votre écran 💬 ou par mail : contact@scorenco.com 📧)