Guide : Apparence et CSS
Couleurs, formes, typographie et aperçu live.
L’apparence permet de personnaliser la fiche publique de votre bot sans modifier le site. Vous pouvez choisir un thème clair, un thème sombre, des couleurs et du CSS, avec un aperçu live avant publication.
Ce que vous pouvez personnaliser
- Les couleurs d’accent et de fond.
- Le CSS de la fiche en mode clair.
- Le CSS de la fiche en mode sombre.
- Le choix d’utiliser le même CSS dans les deux thèmes.
- L’aperçu live de la vraie fiche.
Modifier l’apparence
- Ouvrez l’onglet Apparence.
- Décochez Utiliser le CSS officiel si vous voulez personnaliser.
- Modifiez les variables ou le CSS.
- Utilisez l’aperçu à droite pour vérifier le rendu.
- Enregistrez.
Le bouton Re-pré-remplir avec le CSS officiel remet le feuillet de départ. Le bouton Réinitialiser le CSS revient au style par défaut.
Règles de sécurité
Le CSS est confiné à la fiche. Les scripts, les imports externes et les propriétés dangereuses sont filtrés. Vous ne pouvez pas modifier les boutons de vote, de like ou d’avis, ni les champs de formulaire protégés.
Bonnes pratiques
- Testez en clair et en sombre.
- Gardez un contraste suffisant pour le texte.
- Évitez les animations qui clignotent.
- Vérifiez le rendu mobile.
- Ne copiez pas un CSS sans comprendre les variables.
Dépannage
- Le CSS ne s’applique pas : vérifiez que l’option « CSS officiel » est décochée.
- Le texte est illisible : ajustez les couleurs de texte et de fond.
- L’aperçu diffère de la fiche : videz le cache ou rechargez la page publique.
- Une règle est ignorée : elle utilise peut-être une propriété filtrée.
Voir aussi
Cet article vous a-t-il aidé ?
Votre avis aide à améliorer la documentation.
Passer à la pratique
Ouvrez la page concernée dans Botillon. La connexion Discord est demandée si nécessaire.
Besoin d’aide ?
Une erreur dans l’article, un réglage introuvable ou un problème de compte : ouvrez un ticket support avec l’URL de cette page.