Comment personnaliser l'intérieur de GLPI avec CSS par entité
Résumé
Dans cet article, nous montrons comment appliquer un thème interne de GLPI inspiré d'Iron Man, en utilisant uniquement le CSS de l'entité. Après les ajustements d'utilisabilité, le thème a été conservé de manière plus sûre : le menu latéral reste personnalisé et les zones opérationnelles, formulaires, en-tête et indicateurs reviennent au standard visuel de GLPI.
L'objectif est de donner une identité visuelle sans compromettre la lecture et l'opération.
Pourquoi personnaliser l'intérieur de GLPI avec CSS ?
Lorsque l'entreprise veut aller au-delà de la connexion et porter l'identité visuelle dans l'utilisation quotidienne, le CSS par entité est le chemin le plus flexible. Il permet de standardiser l'expérience sans ajouter une couche de maintenance supplémentaire avec des plugins visuels.
Dans cet exemple, nous utilisons le langage visuel d'Iron Man avec :
- Rouge métallique et doré comme base du thème.
- Menu latéral sombre avec accent doré sur l'élément actif.
- Zones principales du système préservées au style standard de GLPI.
- Indicateurs, badges et champs opérationnels sans override visuel.
- Thème appliqué avec un scope contrôlé pour ne pas dégrader l'utilisabilité.
Où appliquer le CSS dans GLPI
Dans GLPI, accédez à :
Configurer > Entités > [votre entité] > Personnalisation UI > CSS personnalisé
Collez le CSS, enregistrez et actualisez les écrans internes.
/* Le code CSS complet du thème Iron Man est inclus dans l'article original */
Ce que ce thème modifie à l'intérieur
- Menu latéral avec fond rouge sombre et actif en doré.
- Navigation avec une identité visuelle plus forte sans altérer le flux opérationnel.
- En-tête, cartes, formulaires et tableaux maintenus au standard visuel de GLPI.
- Indicateurs et badges conservés avec les couleurs natives de GLPI.
- Scope de personnalisation réduit pour éviter la perte d'utilisabilité.
Captures d'écran (Playwright)
1) Dashboard avec le thème appliqué
2) Écran des tickets
Bonnes pratiques
- Restreignez la personnalisation visuelle lourde au menu et aux zones non opérationnelles.
- Testez toujours dashboard, tickets, utilisateurs et rapports avant de publier.
- Préservez les formulaires, les couleurs de statut et les composants critiques au standard GLPI.
- Maintenez une sauvegarde du CSS précédent pour un retour en arrière rapide.
