Personalização de Cores do Aplicativo

Nesta seção, é possível personalizar as cores principais e secundárias do aplicativo, permitindo que o visual fique alinhado à identidade visual da sua academia ou marca.
As opções disponíveis são:
-
Cor Primária Light: Cor principal em tonalidade clara, utilizada em áreas de fundo ou destaques leves.
-
Cor Secundária Light: Cor secundária em tonalidade clara, geralmente usada para elementos de apoio visuais e contrastes suaves.
-
Cor Primária Dark: Cor principal em tonalidade escura, ideal para textos, botões e componentes de destaque.
-
Cor Secundária Dark: Cor secundária escura, utilizada para reforçar elementos ou dar profundidade ao layout.
Dica: Escolha combinações que garantam boa legibilidade e contraste, especialmente entre texto e fundo.

As cores seguem o padrão HEX (ex: #00e676) ou RGBA e podem ser ajustadas clicando diretamente sobre o campo da cor que deseja modificar.
Após realizar as alterações, clique em Salvar para aplicar as novas configurações no aplicativo.
Logo da Splash Screen

Nesta área, você pode configurar a logo exibida na tela de abertura (splash screen) do aplicativo. Essa imagem é uma das primeira visualizações que o usuário terá ao abrir o app, sendo ideal que represente a identidade visual da sua academia ou marca.
Recomendações para a imagem:
- Utilize arquivos no formato PNG, com fundo transparente.
- Tamanho máximo: 500 KB, garantindo carregamento rápido e boa qualidade visual.
- Priorize imagens com boa resolução para melhor encaixe nas telas.
Para atualizar a logo, clique no botão “Carregar Imagem” e selecione o novo arquivo. Após a alteração, clique em “Salvar” para aplicar a nova configuração.
Personalização da logo para temas claro e escuro do app (Light/Dark Mode)
Essa configuração permite adicionar ou editar a imagem que será utilizada como logotipo no aplicativo. Para uma melhor visualização, recomenda-se o uso de imagens no formato PNG, com fundo transparente e tamanho de até 500 KB. Isso garante uma exibição mais nítida e profissional da logo em diferentes dispositivos.


Exemplo do uso da logo dark (Modo escuro do smartphone) no aplicativo:

Exemplo do uso da logo light (Modo claro do smartphone) no aplicativo:
