Visual do portal
Na aba Visual do Construtor você define as cores do portal: uma paleta para o modo claro e outra para o modo escuro. Seus clientes começam no modo do sistema deles e trocam pelo botão claro/escuro do cabeçalho.
Editar as cores
- Escolha o modo: Claro ou Escuro. O preview passa a mostrar a página nesse modo.
- Para cada cor, clique na amostra para abrir o seletor, ou digite o código hexadecimal (como
#EA6A0C) e tecle Enter. - Confira no preview. Para recomeçar, use Restaurar cores padrão do modo claro (ou escuro).
| Cor | Onde aparece |
|---|---|
| Cor principal | Botões, cabeçalho e destaques |
| Texto sobre a principal | Texto dos botões e do cabeçalho |
| Cor de destaque | A marca no cabeçalho e detalhes |
| Fundo | Fundo das páginas |
| Texto | Texto principal |
| Cartões | Fundo de cartões, tabelas e painéis |
| Áreas suaves | Fundos secundários e rodapé |
| Texto secundário | Descrições e legendas |
| Bordas | Linhas e contornos |
A Aurora Energia usa o laranja da marca como cor principal e um amarelo como destaque, nos dois modos. Um portal novo começa com uma paleta verde-azulada.
Você também pode pedir as cores ao chat — por exemplo, “Usa o laranja da Aurora (#EA6A0C) como cor principal, nos dois temas”. O assistente propõe a paleta num cartão, com as cores antigas e as novas, e você clica em Aplicar.
As cores vão ao ar ao publicar
As cores fazem parte do rascunho, como as páginas: seus clientes só veem a mudança depois que você publicar. Cada versão guarda as cores com que foi publicada, então Colocar no ar uma versão anterior volta também as cores dela. Já Restaurar no rascunho copia só as páginas: as cores do rascunho continuam como estão.
O tema publicado vale para as páginas do portal e também para as telas de login, de recuperação de senha e de convite.
Portal › Visual
Portal › Visual (/dashboard/portal/settings/visual) edita as mesmas cores, com uma prévia de botões, cartões e campos. O que você muda lá também vai para o rascunho e só entra no ar quando você publicar no Construtor.