Cores em Configurações
A aba Cores é a aparência da instalação inteira: a cor principal, as barras, as imagens de
fundo — e, para quem precisa ir além, CSS e JS personalizados, separados entre o que carrega antes do
login e o que só carrega depois.
Resumo Prático
Acesse o menu Configurações → Cores.
Escolha as cores e as imagens nos dois primeiros blocos.
Nos blocos de CSS e JS, cada campo tem o próprio botão Salvar.
Cores Principais
Cor Principal, Barra de Rolagem e Barra Superior: cada uma com o código da cor e um
seletor.
Imagens de Background
Background / Loading e Imagem de Background / Login: o endereço de cada imagem. Aqui é por
URL; o envio de arquivo fica na aba Logotipos / Ícones.
CSS Personalizado
CSS pré-login — público: vale na tela de entrada. Salvar CSS pré-login grava.
CSS pós-login — só para quem entrou: vale dentro da plataforma. Salvar CSS pós-login grava.
Nas palavras da tela: são dois campos porque o momento de carregar muda quem consegue ler. O de cima precisa ser público para pintar a tela de entrada; o de baixo só é entregue a quem já está autenticado.
JS Personalizado
JS pré-login — público: roda na tela de entrada. Salvar JS grava.
JS pós-login — só para quem entrou: roda dentro da plataforma. Salvar JS pós-login grava.
Também nas palavras da tela: mesma divisão do CSS, e aqui ela pesa mais: no JS não vaza
aparência, vaza lógica de operação. Regra de bloqueio de função, limite de SLA, nome de chave de
armazenamento — tudo isso fica legível para quem só abriu a URL, se estiver no campo de cima. Regra
de negócio vai no campo de baixo.
Dúvidas Comuns
Uma empresa quer cores diferentes das outras. O que é geral fica aqui. Por empresa, use CSS desta empresa no cartão dela, no menu Configurações → Empresas, e desligue Usar a customização geral (CSS e JS) lá.
Coloquei CSS e a tela de login não mudou. Foi no campo pós-login. A tela de entrada só lê o campo pré-login — público.