Aller au contenu principal

Personnalisation visuelle

Modifie le logo, les icônes d’onglet et la couleur d’accentuation, et vérifie quand les changements s’appliquent.

4 min de lecture

Donne à une organisation son logo, ses icônes d’onglet et sa couleur d’accentuation dans Paramètres > Branding. Les propriétaires et les admins peuvent modifier ces réglages. Ils concernent l’organisation ouverte : vérifie son nom avant de changer l’apparence partagée.

Paramètres > Branding — les contrôles de logo, favicon et couleur d’accentuation à côté d’un aperçu en direct de la barre latérale.

Préparer les éléments visuels

RéglageÉlément à préparer
LogoUn symbole lisible à la taille de la barre latérale, sur fond clair comme sur fond sombre. SVG est préférable ; une image matricielle devrait mesurer au moins 64 × 64 pixels.
FaviconUne petite icône d’onglet reconnaissable. Tu peux fournir une variante claire et une variante sombre.
Couleur d'accentuationLa couleur hexadécimale de ta marque, à vérifier dans les deux thèmes. Tale en dérive la palette affichée pour le thème courant.

En l’absence de logo, le nom de l’organisation sert de marque textuelle. Modifie-le dans Paramètres > Organisation ; la page de personnalisation n’a pas de champ distinct pour le nom de l’application.

Charger un logo ou une favicon

Sélectionne l’image dans le champ correspondant. Le chargement ou le retrait d’une image prend effet immédiatement, sans attendre Enregistrer. L’aperçu et l’apparence de l’organisation se mettent à jour lorsque l’opération aboutit.

Sans favicon explicite, Tale peut en créer une à partir du logo chargé. Si quelqu’un choisit une favicon pendant que Tale en crée encore une, sur cette page ou dans une autre fenêtre, ce choix est conservé et la favicon créée n’est pas enregistrée. Fournis une icône dédiée si le logo complet devient difficile à reconnaître dans un onglet. Après le chargement, vérifie l’icône et la barre latérale, y compris dans l’autre thème.

Changer la couleur d’accentuation

Modifie Couleur d'accentuation et examine l’aperçu. Sélectionne Enregistrer dans l’en-tête pour conserver la modification, ou Abandonner pour revenir à la valeur enregistrée. Le champ reflète le thème courant : la couleur dérivée du thème sombre peut donc différer de la valeur stockée pour le thème clair. L’aperçu montre la couleur telle qu’elle apparaîtra une fois enregistrée. Dans le thème sombre, elle peut donc différer de la valeur du champ. Enregistrer une modification, charger une image ou en retirer une laisse chaque fois une entrée dans le journal d’audit, sous Paramètres > Gouvernance > Journaux.

Si l’apparence change après l’ouverture de la page, parce que quelqu’un l’enregistre, charge une image ou la réinitialise dans une autre fenêtre, ton Enregistrer est refusé au lieu d’écraser ce changement, et ta saisie reste dans le champ. Sélectionne Abandonner pour charger l’apparence actuelle, puis refais ta modification.

Les boutons conservent ta couleur aussi fidèlement que la lisibilité le permet. Les autres repères tracés dans l’accent n’utilisent ta couleur que si elle se lit comme du texte sur la page. Sinon, Tale en prend une nuance plus foncée, ou plus claire dans le thème sombre. Ces repères comprennent un lien, une mention, un renvoi vers une source, l’élément de navigation sélectionné, un point de non-lu, le contour du focus clavier, un interrupteur activé et une barre de progression. Sur un lien ou un interrupteur, une couleur de ton moyen peut donc paraître légèrement différente de celle d’un bouton.

Après l’enregistrement, recharge la page et vérifie un élément de navigation sélectionné, un bouton et le focus au clavier. Une couleur convaincante sur une grande surface peut être difficile à distinguer sur un petit contrôle.

Vérifier où l’apparence s’applique

La personnalisation s’applique à l’intérieur de l’espace de travail. Changer d’organisation charge l’apparence de la destination. Les pages de connexion s’affichent avant le choix d’une organisation et utilisent l’apparence par défaut de la plateforme.

Si le navigateur montre encore une ancienne icône, recharge la page et vérifie les champs de favicon. Une favicon explicite a priorité sur celle dérivée du logo. Utilise Réinitialiser seulement pour retirer la personnalisation enregistrée de l’organisation, après avoir lu la confirmation. La confirmation prend effet immédiatement : les images sont supprimées et la couleur d’accent effacée est enregistrée, sans autre Enregistrer et sans rien laisser de non enregistré. Un Enregistrer sélectionné avant la réinitialisation ne peut plus ramener les anciennes valeurs une fois celle-ci terminée.