🎨Cores
Last updated
Last updated
Aqui você poderá definir as cores que o seu tema utilizará.
Cor primária: Utilizada predominantemente nas seções como cor dos backgrounds e em alguns elementos/textos do projeto, como: Background do carrossel de diferenciais, background da númeração da bag da quantidade de produtos no header, botão da newsleer, título das colunas e hovers dos links no rodapé, tag de desconto, cor dos preços, cor da paginação, título personalizado do Instagram, botão de filtro categorias, botão prosseguir compra e hover da wishlist.
Cor secundária: Utilizada como background contraste da cor primária, a cor secundária pode ser encontrada como background em algumas seções elementos como: Background da newsleer, background do rodapé, hover do botão “prosseguir compra” e hover do botão “fechar filtro” (categorias).
Cor dos textos: A grande maioria dos textos e links possuem as mesmas cores, em nosso tema, sendo o diferencial entre eles o hover na cor escolhida no campo “hover dos links”. Caso queria dar destaque aos links do tema, sugerimos a utilização do campo “CSS Personalizado”.
Texto dos botões: Neste campo, você poderá dar cor aos textos botões do seu projeto.
Hover dos links: Neste campo, você poderá selecionar a cor que seus links terão quando o usuário passar o mouse sobre eles (hover). Aqui os elementos que recebem essa função são links, e os botões da página de login e filtro.
Cor dos botões: Neste campo, você poderá escolher a cor padrão para os backgrounds dos botões do seu projeto.
Fundo da Categoria no Topo: Neste campo, você pode escolher a cor de fundo dos textos com os nomes das categorias.
Fundo do Topo: Neste campo, você pode escolher a cor de fundo da área onde estão localizados o campo de busca, a logomarca e os ícones.
Fundo do Diferencial: Neste campo, você pode escolher a cor de fundo dos diferenciais no topo que ficam em formato de carrossel .
Texto do Diferencial: Neste campo, você pode escolher a cor do texto dos diferenciais no topo que ficam em formato de carrossel .
Texto dos Cabeçalhos: Neste campo, você pode escolher a cor dos textos que mostram os nomes das categorias.
Cor dos Ícones: Neste campo, você pode escolher a cor dos ícones que ficam no topo.
Cor do Preço Principal: Neste campo, você pode escolher a cor do preço principal.
Cor do Preço Secundário: Neste campo, você pode escolher a cor do preço promocional.
Cor do Texto do Selo: Neste campo, você pode escolher a cor do texto que aparece dentro do selo.
Cor do Fundo dos Selos: Neste campo, você pode escolher a cor do fundo do selo.
Cor de Fundo da Newsletter: Neste campo, você pode escolher a cor de fundo da Newsletter.
Cor do Texto da Newsletter: Neste campo, você pode escolher a cor do texto principal da Newsletter.
Cor do Fundo do Botão da Newsletter: Neste campo, você pode escolher a cor de fundo do botão para envio da Newsletter.
Cor do Texto do Botão da Newsletter: Neste campo, você pode escolher a cor do texto que fica dentro do botão.
Cor de Fundo do Campo de Texto da Newsletter: Neste campo, você pode escolher a cor de fundo do campo de texto da Newsletter.
Cor do Texto do Campo da Newsletter: Neste campo, você pode escolher a cor do texto do campo da Newsletter.
Fundo do Rodapé: Neste campo, você pode escolher a cor de fundo da área do rodapé.
Texto do Rodapé: Neste campo, você pode escolher a cor do texto do rodapé.
Cor dos Ícones: Neste campo, você pode escolher a cor dos ícones que ficam no rodapé.
Fundo do botão: Neste campo, você pode escolher a cor de fundo do botão do whatsapp.
Texto do botão: Neste campo, você pode escolher a cor do texto do botão do whatsapp.
