Apparence
Personnaliser l'apparence du nuage
Il est possible de personnaliser l’apparence de votre nuage dédié à votre organisation, notamment au niveau des couleurs du logo…
Personnaliser l’apparence
La personnalisation de l’apparence du nuage est réservée aux admins des instances. Pour ce faire, il faut se rendre dans les paramètres d’administration puis Personnaliser l'apparence
.
Couleur
Sur cette interface, il est possible de définir la couleur de thème de votre nuage. Elle est utilisée sur la page d’accueil, sur la barre de menu en haut et celle latérale dans les fichiers ainsi que pour mettre en avant les éléments cliquables (boutons, icônes de fichiers…).
Logo
Il est aussi possible d’importer une image (de votre logo par exemple) qui apparaît dans la barre de menu en haut à gauche.
Image de fond
Pour les organisations ne se connectant pas par keycloak, il est aussi possible de charger une image de fond qui apparaît lors de la connexion à l’instance.
Aller plus loin avec l’application Custom CSS
Il est possible d’aller plus loin sur la personnalisation de votre nuage. Pour ce faire il est nécessaire d’activer l’application Custom CSS
. Voir comment activer les application sur le nuage.
L’application custom CSS permet d’ajouter du code CSS pour modifier l’apparence du nuage.
⚠️ Attention, cela demande un minimum de connaissance car cet ajout de code peut créer des conflits lors de mises à jour. Néanmoins, cela reste uniquement un changement d’apparence et non un risque de perte de fonctionnalités. En cas de problèmes, supprimer votre morceau de CSS ajouté et rafraîchir la page.
Une fois activer, une nouvelle section apparaît dans les paramètres d’administration puis Personnaliser l'apparence
appelée CSS personnalisé
.
Customiser la couleur des icônes de fichiers
Par défaut, la couleur des icônes de fichiers est la couleur de thème définie plus haut.
Cependant, il est possible que cette couleur de thème soit déjà modifié (éclaircie ou assombrie) pour correspondre à un contraste suffisant. Par exemple ici, le jaune est devenu plus foncé et marron pour que le contrast avec le jaune soit suffissant.
Si cela ne vous convient pas, il est possible de changer cette couleur via l’ajout de code CSS personnalisé :
Pour la couleur des fichiers, ce code permet de changer la couleur :
.files-list__row-icon{
color:<la_couleur_souhaitée>!important;
}
*<la_couleur_souhaitée>
est à remplacer par votre couleur souhaité, par exemple par #FDDF31
pour un jaune