Cores

Neste item você consegue personalizar as variáveis de cores que controlam os aspectos do seu tema, como cor dos títulos, cor do texto, cor dos botões e muito mais. Você pode deixar o tema com a cara da sua empresa.

Dica

Caso queira fazer testes mas sem que isso reflita para os clientes da sua loja, basta duplicar e fazer as edições no tema duplicado ou sair da pagina sem salvar as alterações.

As variáveis de cores são especificadas no formato hexadecimal, RGB ou HSL muito utilizados na internet. Você poder fornecer o código no campo, ou clicar na caixa ao lado do campo para abrir o seletor de cor. Ao clicar numa cor o seletor irá preencher com o código equivalente a cor escolhida. A imagem abaixo da um exemplo desse processo.

Temos 10 variáveis de cores para o tema, sendo elas:

• Cor base: Aplicada, por exemplo, nos ícones, tags, botões secundários, entre outros.
• Cor base com sobreposição mouse: Aplicada, ao passar o mouse sobre os itens citados acima.
• Cor do texto sobre a cor base: Aplicada, nos textos dos itens citados acima.
• Cor de destaque: Aplicada, por exemplo, nos botões primários, contador do carrinho.
• Cor de destaque com sobreposição mouse: Aplicada, ao passar o mouse sobre os itens citados acima.
• Cor do texto sobre a cor de destaque: Aplicada, nos textos dos itens citados acima.
• Cor principal dos textos: Aplicada, por exemplo, nos títulos, menu de categorias.
• Cor de apoio dos textos: Aplicada, por exemplo, nos subtítulos, descrições.
• Cor das bordas: Aplicada nas bordas dos elementos.
• Cor do fundo: Aplicada no fundo da loja.