Cores Gerais do Tema

As cores selecionadas aqui afetam o tema de modo geral, em diversos locais e páginas. O Aurora 3 oferece um controle granular sobre a identidade visual da sua loja, permitindo personalizar cada seção do layout de forma independente.

Cores Principais

• Cor de Texto Geral: aplicada a parágrafos, listas e demais textos do site. Precisa ter um bom contraste com a cor de fundo geral;
• Cor de Fundo Geral: cor de fundo principal do site, sobre a qual se aplica a cor de texto;
• Cor Primária: é a cor mais importante, aplicada a diversos elementos de destaque do tema. Recomenda-se que a cor tenha bom contraste com o fundo geral também, pois estará aplicada sobre ela;
• Cor de Fundo das Imagens: preenche áreas onde a imagem tem transparência;
• Cor de Sucesso: utilizada em mensagens de confirmação e sucesso;
• Cor de Erro: utilizada em mensagens de erro e alerta;
• Cor das Estrelas: cor aplicada às estrelas de avaliação dos produtos.

Cores dos Botões

O tema possui quatro tipos de botões:

• Botões Primários: são botões que merecem maior destaque, como o botão de compra e os que levam adiante na compra;
• Botões Secundários: são os demais botões do site, que merecem menor destaque;
• Botões de WhatsApp: como o botão flutuante;
• Botões de WhatsApp Transparentes: que se aplica sobre a cor de fundo geral do site.

Para cada tipo de botão, é possível selecionar duas cores. É importante que essas duas cores tenham bom contraste entre si, para permitir boa leitura:

• Cor de Fundo: a cor aplicada à área clicável do botão;
• Cor de Texto: a cor aplicada ao texto do botão;

O Botão de WhatsApp Transparente permite apenas editar a cor de texto, que deve ser legível sobre a cor de fundo geral do site.

Observação: se você só personalizar os botões primários, e deixar os campos dos secundários vazios, eles assumem uma versão da cor primária.

Preços e Descontos

São cores aplicadas a elementos de destaque relacionados a preços e descontos:

• Cor dos Preços Destacados: cor aplicada nos preços em destaque, como o preço principal ou promocional dos produtos;
• Cor de fundo das Tags de Desconto: cor aplicada no fundo da porcentagem de desconto dos produtos e nos selos de desconto progressivo;
• Cor de texto das Tags de Desconto: cor aplicada no texto da porcentagem de desconto dos produtos e nos selos de desconto progressivo.