Como personalizar o interior do GLPI com CSS por entidade
Resumo
Neste artigo mostramos como aplicar um tema interno do GLPI inspirado no Homem de Ferro, utilizando apenas o CSS da entidade. Após os ajustes de usabilidade, o tema foi mantido de forma mais segura: o menu lateral permanece personalizado e as áreas operacionais, formulários, topo e indicadores voltam ao padrão visual do GLPI.
O objetivo é dar identidade visual sem comprometer leitura e operação.
Porquê personalizar o interior do GLPI com CSS?
Quando a empresa quer ir além do login e levar a identidade visual para o uso diário, o CSS por entidade é o caminho mais flexível. Permite padronizar a experiência sem adicionar mais uma camada de manutenção com plugins visuais.
Neste exemplo, utilizámos a linguagem visual do Homem de Ferro com:
- Vermelho metálico e dourado como base do tema.
- Menu lateral escuro com destaque dourado no item ativo.
- Áreas principais do sistema preservadas no estilo padrão do GLPI.
- Indicadores, badges e campos operacionais sem override visual.
- Tema aplicado com escopo controlado para não degradar usabilidade.
Onde aplicar o CSS no GLPI
No GLPI, aceda a:
Configurar > Entidades > [a sua entidade] > Personalização de UI > CSS personalizado
Cole o CSS, guarde e atualize os ecrãs internos.
/* O código CSS completo do tema Homem de Ferro está incluído no artigo original */
O que este tema altera no interior
- Menu lateral com fundo vinho escuro e ativo em dourado.
- Navegação com identidade visual mais forte sem alterar fluxo operacional.
- Topo, cards, formulários e tabelas mantidos no padrão visual do GLPI.
- Indicadores e badges mantidos com as cores nativas do GLPI.
- Escopo de personalização reduzido para evitar perda de usabilidade.
Capturas de ecrã (Playwright)
1) Dashboard com o tema aplicado
2) Ecrã de chamados
Boas práticas
- Restrinja a personalização visual pesada ao menu e a áreas não operacionais.
- Teste sempre dashboard, tickets, utilizadores e relatórios antes de publicar.
- Preserve formulários, cores de estado e componentes críticos no padrão do GLPI.
- Mantenha backup do CSS anterior para rollback rápido.
