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

access.png

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.

perso-apparence.png

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…).

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.

contraste.png

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

Edit this page on GitHub