Tema

Em Componentes, clique em Tema. Abre uma barra lateral com os itens que valem para o site inteiro.

Cores

Cor primária

A principal cor do site. Quando uma das outras cores não foi editada, o tema usa esta.

Cor dos textos para a cor primária

Cor principal de alguns textos.

Cor secundária

Fundo de alguns elementos. Por exemplo, as etiquetas (flags) que aparecem nos produtos da listagem.

Cor dos textos para a cor secundária

Cor do texto que fica em cima do fundo na cor secundária.

Cor de fundo predefinida de <body />

Fundo do site inteiro, do cabeçalho até o rodapé.

Cor de texto predefinida de <body />

Cor do texto do corpo do site, ou seja, tudo entre o cabeçalho e o rodapé.

Cor de fundo dos modais e cor dos textos dos modais

Fundo e texto de todas as janelas que abrem por cima da página (modais). Por exemplo: newsletter, contato e login.

Cor das bordas

Onde houver borda. Por exemplo, a borda do seletor de quantidade.

Cor de fundo dos inputs e cor do texto dos inputs

Fundo e texto dos campos de preencher. Por exemplo, o campo de e-mail.

Cores para eventos de sucesso

• Cor de fundo para eventos de sucesso: fundo dos avisos de produto adicionado ao carrinho ou à lista de desejos.
• Cor do texto para eventos de sucesso: texto desses mesmos avisos.

Cores para eventos de erro

• Cor de fundo para eventos de erro: fundo dos avisos de erro. Por exemplo, “Selecione uma variação para adicionar o produto no carrinho”.
• Cor de texto para eventos de erro: texto dos avisos de erro.

Cor dos ícones

Cor dos ícones da loja.

Configurações

Na aba Configurações ficam dois ajustes que valem para o site todo:

• Border radius: o arredondamento dos cantos de botões, bordas e campos, em pixels. Por padrão usamos 10.
• Font family: o estilo da fonte do site.