No editor de temas: Personalizar›Configurações do tema›Cores
Cores
As cores da loja inteira: fundo, superfícies, texto, botões e as cores de sinais como promoção e erros.
Confira o contraste entre texto e fundo em um celular à luz do dia. Texto cinza e pequeno é o primeiro a ficar difícil de ler.
Configurações
Esquemas de cores
- Texto
- Esquema de cores da página
- Esquema de coresO fundo da página e cada seção sem esquema próprio.
- Fundo da página em celulares
- CorVazio: o fundo do esquema de cores da página. Escolha uma cor só se os celulares precisarem mostrar outro tom.
Cada esquema é um conjunto completo de cores. Cada seção escolhe um esquema, então alterar um esquema aqui altera todas as seções que o usam. Estados ao passar o cursor, linhas e texto secundário são calculados a partir dessas cores.
Sinais
- Selo de promoção
- CorPadrão: #94303F
- Texto do selo de promoção
- CorPadrão: #FFFFFF
- Cor do selo
- CorPadrão: #FFFFFFO selo nas imagens de produto: Promoção, Esgotado ou o texto do próprio produto. O texto fica escuro ou branco automaticamente.
- Cor do texto do selo
- CorVazio: escuro ou branco, o que for mais legível sobre a cor do selo.
- Preço promocional
- CorVazio: como um preço normal, na cor do texto.
- Erro
- CorPadrão: #B3261E
- Confirmação
- CorPadrão: #3B9E68O botão que confirma que um produto foi adicionado ao carrinho, nos cards de produto e nas recomendações do carrinho.
- Texto sobre confirmação
- CorPadrão: #FFFFFF
- Preço antes do desconto
- CorPadrão: #555555O preço riscado ao lado do preço promocional.
Algo aqui não bate com o que aparece no seu editor? Conte para a gente e corrigimos o guia.