Tema e aparência

A tela Configurações > Tema e aparência permite deixar o sistema com a cara do seu camping: logo, cores e fonte.

Cada empresa tem seu próprio tema. Ao salvar, o novo visual vale na hora para todos os usuários do seu camping.

O que pode ser configurado

A tela permite configurar logo, cores, fonte, tamanho de fonte, presets e arredondamento visual.

Logo do camping

Use Logo do camping para enviar a marca do seu camping.

O fluxo é:

1. clique na área de upload ou arraste um arquivo;
2. na janela de recorte, arraste a imagem e use a roda do mouse (ou os cantos) para ajustar o enquadramento;
3. clique em Recortar e salvar.

O sistema salva uma versão quadrada (512 × 512 px), pronta para aparecer no menu principal. O botão Remover logo limpa a marca atual e volta para o ícone padrão do sistema.

Formatos aceitos: PNG, JPG e WEBP até 4MB.

Capa do menu

Use Capa do menu para enviar uma imagem de fundo para o cabeçalho do menu lateral (onde aparecem o nome da empresa e o módulo atual).

• A imagem entra de forma discreta, com um degradê na cor do menu por cima (não fica "chapada"), pra o texto continuar legível.
• Sem capa, o cabeçalho usa apenas a cor do menu.
• Use Remover capa para voltar ao cabeçalho sem imagem.

Formatos aceitos: imagem até 4MB.

Presets rápidos

Use um preset quando quiser começar por uma combinação pronta: escolha na lista (Floresta, Oceano, Terracota, Verde camping, Azul-petróleo, Dourado praia e outros).

Depois de aplicar um preset, ainda é possível ajustar qualquer cor manualmente.

Cores principais

As cores são informadas no formato HEX, por exemplo #16a34a.

Campos disponíveis:

• Acento: destaques, links, foco e item ativo;
• Acento escuro: texto usado sobre fundos claros de destaque;
• Acento médio: detalhes e bordas de apoio;
• Acento claro: fundo de badges e pequenos destaques;
• Menu principal: barra de ícones à esquerda no computador e menu inferior no celular;
• Sidebar: painel contextual ao lado do menu;
• Item ativo da sidebar: destaque da página atual no painel;
• Texto da sidebar: textos do painel contextual;
• Botão primário: botões principais do sistema;
• Botão primário hover: cor do botão quando o usuário passa o mouse.

Estados de registros

A tela também permite ajustar as cores de linhas e badges de registros especiais:

• Desativado fundo/texto/borda: usado quando um item existe, mas está inativo;
• Cancelado/removido fundo/texto/borda: usado quando uma reserva está cancelada/no-show ou quando um cadastro foi cancelado (arquivado).

Essas cores aparecem em tabelas como produtos, vagas, tarifas, feriados, vouchers, hóspedes e configurações auxiliares.

Fonte e tamanho

O campo Fonte muda a família tipográfica usada no sistema.

Opções:

• Plus Jakarta Sans;
• Inter;
• Nunito;
• Roboto;
• Fonte do sistema;
• Verdana.

O campo Tamanho da fonte muda a escala base da interface.

Opções:

• Compacto;
• Padrão;
• Confortável;
• Grande.

Arredondamento

O campo Arredondamento muda os cantos de formulários, cards e botões.

Opções:

• Contido: visual mais reto e operacional;
• Suave: cantos um pouco mais confortáveis;
• Redondo: visual mais arredondado.

Preview

A lateral direita mostra uma prévia com menu, sidebar, botão, campo, destaque, item desativado e item cancelado/removido.

Ao alterar os campos, a prévia atualiza durante a edição. Ao clicar em Salvar tema, o tema é salvo e aplicado no sistema.

Restaurar padrão

Use Restaurar padrão para voltar ao tema base do sistema. Depois clique em Salvar tema para gravar essa mudança.

Regras importantes

• O menu principal deve usar uma cor escura, porque os textos e ícones do menu são claros.
• O botão primário precisa ter contraste com texto branco.
• A sidebar deve ter contraste suficiente com a cor escolhida para o texto.
• As cores de desativado e cancelado/removido precisam manter leitura boa em linhas de tabela.
• Cores inválidas não são salvas.
• Fonte e tamanho só podem ser escolhidos pelas opções da tela.