# Cores

A aba ***Cores*** permite você personalizar várias variáveis de cores que controlam vários aspectos do seu tema, como cor dos títulos, cor do texto e muito mais. Você pode deixar o tema com a cara da sua empresa. 

<figure><img src="https://content.gitbook.com/content/5vCyzfZT2I4VxnbEcg1Q/blobs/eCAfrvMHUjm7AWHtPC1T/cores.png" alt=""><figcaption></figcaption></figure>

Personalize as cores utilizadas no seu tema de acordo com a sua preferência. Defina nas seções abaixo as cores do seu tema e dos elementos da página. Clique no quadro de campo de cor para abrir o disco de seleção de cores ou informe o código hexadecimal da cor desejada. Saiba mais sobre código hexadecimal [aqui](https://html-color-codes.info/Codigos-de-Cores-HTML/).

{% hint style="success" %}
**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.
{% endhint %}

As variáveis de cores são especificadas no formato hexadecimal, muito utilizado 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 de cor irá preencher com o código hexadecimal equivalente a cor escolhida.&#x20;

As cores são divididas em grupos menores para facilitar a organização e localização delas. Os grupos estão listados a seguir.&#x20;

Clique sobre cada um para visualizar as variáveis de cores pertencentes aquele grupo.

{% content-ref url="cores/cores-gerais-do-tema" %}
[cores-gerais-do-tema](https://manuais.starads.com.br/colecao-standard/painel-do-tema/cores/cores-gerais-do-tema)
{% endcontent-ref %}

{% content-ref url="cores/cabecalho" %}
[cabecalho](https://manuais.starads.com.br/colecao-standard/painel-do-tema/cores/cabecalho)
{% endcontent-ref %}

{% content-ref url="cores/menu-de-categorias" %}
[menu-de-categorias](https://manuais.starads.com.br/colecao-standard/painel-do-tema/cores/menu-de-categorias)
{% endcontent-ref %}

{% content-ref url="../banners-e-imagens/segmentacao" %}
[segmentacao](https://manuais.starads.com.br/colecao-standard/banners-e-imagens/segmentacao)
{% endcontent-ref %}

{% content-ref url="cores/vitrines" %}
[vitrines](https://manuais.starads.com.br/colecao-standard/painel-do-tema/cores/vitrines)
{% endcontent-ref %}

{% content-ref url="cores/selos" %}
[selos](https://manuais.starads.com.br/colecao-standard/painel-do-tema/cores/selos)
{% endcontent-ref %}

{% content-ref url="layout/newsletter" %}
[newsletter](https://manuais.starads.com.br/colecao-standard/painel-do-tema/layout/newsletter)
{% endcontent-ref %}

{% content-ref url="cores/rodape" %}
[rodape](https://manuais.starads.com.br/colecao-standard/painel-do-tema/cores/rodape)
{% endcontent-ref %}

{% content-ref url="cores/aviso-de-implantacao" %}
[aviso-de-implantacao](https://manuais.starads.com.br/colecao-standard/painel-do-tema/cores/aviso-de-implantacao)
{% endcontent-ref %}