Les administrateurs choisissent le mode clair, sombre ou système pour l'ensemble de l'organisation. La couleur de la marque détermine les boutons, les éléments actifs de la barre latérale, les anneaux de focus et les états de survol — dans les deux modes — sans aucun remplacement de CSS.
Votre tableau de bord n'est pas une console d'administration générique — c'est une partie de votre produit. La personnalisation du tableau de bord vous permet de choisir le mode clair, sombre ou système pour l'ensemble de l'organisation et d'avoir la couleur de votre marque intégrée dans chaque accent utilisé par l'interface utilisateur. Un bouton Enregistrer, deux minutes de configuration, pas de développeurs.
Depuis Paramètres → Marque, les administrateurs et les propriétaires contrôlent trois éléments qui composent un aspect cohérent :
L'ensemble du tableau de bord adopte instantanément le choix pour chaque membre de l'organisation. Les coéquipiers non administrateurs voient le thème choisi ; seuls les administrateurs/propriétaires peuvent le changer.
Les thèmes s'empilent proprement car chaque couche touche un ensemble différent de variables CSS :
--primary, --ring, --accent, plus les variantes de la barre latérale. Les boutons, éléments de navigation actifs, anneaux de focus et états de survol adoptent tous la couleur de la marque dans les deux modes.Parce que la couleur de la marque ne peint que des accents, vous n'obtenez jamais de texte illisible sur un arrière-plan de ton moyen ou un bouton clair qui disparaît en mode sombre. Le système choisit également automatiquement la bonne couleur de texte — texte noir sur des couleurs de marque claires, texte blanc sur des couleurs sombres — en utilisant la formule de luminance WCAG. Vous pouvez remplacer ce choix si le design l'exige.
La plupart des systèmes de personnalisation échouent pour les couleurs de marque claires. Une marque jaune pâle sur un bouton Enregistrer ne devrait pas produire un accent à peine visible au survol. L'algorithme de teinte d'accent vérifie la clarté de la marque : les marques sombres et moyennes obtiennent une teinte *plus claire*, les marques déjà claires obtiennent une teinte *plus sombre*. Dans tous les cas, il y a une étape de contraste significative entre le primaire et l'accent — donc les états de survol et de focus se lisent toujours clairement.
Lorsqu'un administrateur change le thème, un événement de diffusion déclenche chaque onglet de tableau de bord ouvert dans le même navigateur pour récupérer et réappliquer — aucun rechargement nécessaire. Sur les appareils et chez les autres membres, le nouveau thème apparaît lors du prochain chargement de page.
La personnalisation s'applique au tableau de bord de l'organisation et au centre d'aide public. Les pages marketing, les documents et la connexion restent clairs par conception — elles sont partagées entre tous les clients et ne devraient pas suivre la marque d'une seule organisation. Le cadre impose le mode clair sur ces routes, donc naviguer d'un tableau de bord sombre à la page de connexion se réinitialise proprement.
Un tableau de bord qui correspond à votre marque n'est pas un détail cosmétique. C'est le signal que la plateforme est *la vôtre*, pas un outil SaaS générique que vous louez. Lorsque votre équipe de support et vos auteurs de base de connaissances se connectent à quelque chose qui ressemble à votre produit, ils le considèrent comme une partie de leur travail — pas un panneau d'administration tiers qu'ils tolèrent. Et lorsque un client visite votre centre d'aide de marque, l'expérience renforce de qui il reçoit du support, et non de qui a construit l'outil sous-jacent.