C
Docs

Apparence

Personnalisez la couleur d'accent, la typographie, le comportement de l'interface et le CSS personnalisé

Updated 2026-07-222 min read

Apparence

Les paramètres d'apparence contrôlent l'aspect de Cothon : couleur d'accent, polices, comportement de l'interface et CSS personnalisé facultatif. Les changements s'appliquent immédiatement.

Thème

Cothon utilise un thème sombre professionnel. Le jeu de couleurs lui-même est fixe; vous le personnalisez au moyen des options de couleur d'accent et de typographie ci-dessous.

Couleur d'accent

La couleur d'accent est utilisée pour les surbrillances, les états actifs et les boutons principaux.

  • Choisissez parmi 10 pastilles de couleur prédéfinies, ou
  • Sélectionnez une couleur personnalisée avec le sélecteur de couleur ou en saisissant une valeur hexadécimale

Typographie

Famille de polices

Choisissez la police de l'interface :

  • Inter (par défaut)
  • SF Pro
  • Roboto
  • JetBrains Mono
  • Police du système (system-ui)

Taille de police

Choisissez la taille de base du texte : Petite, Moyenne ou Grande. Un aperçu en direct montre le rendu de la police et de la taille choisies.

Disposition et comportement

Activez ou désactivez les comportements d'interface :

  • Barre latérale repliée — démarrer avec la barre de navigation repliée
  • Animations fluides — activer les animations de transition de l'interface
  • Mode contraste élevé — augmenter le contraste pour la lisibilité
  • Réduire les animations — minimiser le mouvement en cas de sensibilité

Conseil

Si les animations vous distraient ou si vous utilisez une technologie d'assistance, combinez Réduire les animations et Mode contraste élevé pour une interface plus calme et plus lisible.

CSS personnalisé

Pour une personnalisation avancée, vous pouvez ajouter vos propres règles CSS dans la zone de texte CSS personnalisé. Ces styles s'appliquent par-dessus les styles intégrés de l'application.

Avertissement

Un CSS personnalisé peut briser la mise en page si une règle entre en conflit avec les styles de l'application. Si quelque chose semble anormal après l'ajout de CSS, videz la zone de texte pour rétablir l'apparence par défaut.

Pages connexes

Related Articles

Was this page helpful?