Personnalisation¶

Utilisez la page Personnalisation pour appliquer l'identité de votre entreprise dans KANAP. Vous y définissez le logo et les couleurs principales, et le changement est visible pour chaque utilisateur de votre tenant lors du prochain rechargement de la page.

Où la trouver¶

Espace de travail : menu Administration → Personnalisation
Route : /admin/branding
Autorisation : users:admin
Disponible uniquement sur les hôtes tenant (pas sur l'hôte d'administration de la plateforme)

Les modifications s'appliquent uniquement à votre tenant courant.

Ce que vous pouvez personnaliser¶

La page comporte deux cartes : Logo et Couleurs principales. Les deux sont optionnelles. Sans rien défini, KANAP affiche son en-tête texte-et-icône par défaut et les couleurs de thème par défaut.

Logo
Apparaît dans la barre supérieure de l'application (lorsque connecté)
Apparaît dans l'en-tête de la page de connexion
Couleurs principales
Une couleur principale pour le mode clair
Une couleur principale pour le mode sombre
Utilisée par la barre d'application, les boutons principaux et les liens

Configuration du logo¶

Fichiers pris en charge¶

Formats : PNG, JPG/JPEG, GIF, WEBP
Taille max : 20 Mo

Format de logo recommandé¶

Utilisez un logo large et horizontal (fond transparent de préférence).
Gardez le contenu important centré -- la zone d'en-tête est compacte.
Pour un rendu net, utilisez au moins environ 2× la taille affichée (par exemple 280x72 ou plus).

Comment le définir¶

Cliquez sur Téléverser le logo et choisissez votre fichier.
Utilisez les aperçus d'en-tête Clair et Sombre intégrés pour valider l'apparence.
Basculez Afficher le logo en mode sombre si vous souhaitez revenir à l'identité texte par défaut en thème sombre.
Cliquez sur Enregistrer les modifications pour publier.

Pour supprimer le logo actuel, cliquez sur Supprimer le logo.

Lorsqu'aucun logo n'est défini, ou lorsque Afficher le logo en mode sombre est désactivé, KANAP revient à son identité texte par défaut dans le thème concerné.

Configuration des couleurs principales¶

Vous pouvez définir les couleurs pour Couleur principale en mode clair et Couleur principale en mode sombre indépendamment. Chaque sélecteur de couleur propose quatre façons de saisir une valeur :

Saisie hexadécimale (#RRGGBB)
Une boîte de dialogue de sélecteur de couleur (icône palette)
Pastilles de palette prédéfinies (une rangée organisée par mode)
Une action Effacer pour supprimer la valeur personnalisée

Comportement clair/sombre¶

Couleur principale en mode clair est utilisée en mode clair.
Couleur principale en mode sombre est utilisée en mode sombre.
Si un seul mode a une couleur, KANAP réutilise cette couleur dans l'autre mode comme repli.
Si les deux champs sont vides, KANAP utilise ses couleurs de thème par défaut.

Avertissement de contraste¶

Après avoir choisi les couleurs, la page évalue la lisibilité du texte sur le fond choisi. Si le contraste descend en dessous du seuil de lisibilité pour l'un des modes, un avertissement consultatif apparaît avec le ratio de contraste.

L'avertissement est informatif -- vous pouvez quand même enregistrer -- mais un faible contraste signifie généralement du texte blanc sur une couleur pâle ou du texte sombre sur une couleur saturée, ce qui devient fatigant à lire dans les interfaces réelles.

Enregistrer et réinitialiser¶

Trois actions au bas de la page contrôlent la persistance :

Enregistrer les modifications : valide le téléversement du logo sélectionné et les valeurs de couleur. Désactivé tant qu'il n'y a pas de modifications en attente ou qu'une saisie hexadécimale est invalide.
Annuler : annule toute modification non enregistrée sur la page (n'affecte pas ce qui est déjà enregistré).
Réinitialiser par défaut : supprime le logo enregistré et efface toutes les couleurs personnalisées. Demande confirmation avant exécution.

Une petite légende sous les actions affiche le compteur de version du logo, qui s'incrémente à chaque téléversement du logo. C'est principalement une indication que les caches du navigateur seront rafraîchis.

Conseils¶

Testez dans les deux thèmes : basculez entre les thèmes clair et sombre avant d'enregistrer -- la même couleur de marque fonctionne rarement dans les deux modes.
Préférez un fond transparent : les logos simples avec des fonds transparents donnent le rendu d'en-tête le plus propre, en particulier en mode sombre.
Utilisez Réinitialiser délibérément : cela supprime à la fois le logo et toutes les couleurs personnalisées en une seule étape. Utilisez-le pour repartir à zéro, pas comme « annulation » d'un seul changement -- c'est à cela que sert Annuler.
Les couleurs de marque sont pour les accents : KANAP utilise la couleur principale sur les barres d'application, les boutons principaux et les liens. Choisissez quelque chose qui se lit clairement à la taille d'un bouton, pas seulement sur un site marketing.