Cores

O que você vai aprender

• Pra que serve este grupo
• Como ele se conecta com o "Esquema de cores" que aparece em quase toda configuração

Pra que serve

Este é o lugar onde você define as paletas de cores (scheme-1, scheme-2, scheme-3...) que depois aparecem como opção "Esquema de cores" em praticamente toda section e block do tema. Você não escolhe cor section por section aqui, você desenha as paletas uma vez, e usa o seletor "Esquema de cores" em cada section pra aplicar uma delas.

Cada esquema define, separadamente:

• Cores gerais (fundo, texto, títulos, links, bordas, sombra)
• Cores do botão primário e do botão secundário (normal e hover)
• Cores de campos de formulário (normal e hover)
• Cores do seletor de variantes (normal, selecionado, e hover de cada um)

Boas práticas

• Pensar em "paletas reutilizáveis" em vez de "cor desta section": se você mudar a cor de fundo do scheme-1 aqui, toda section que usa scheme-1 muda junto, é assim que se mantém consistência de cores na loja inteira sem editar section por section.