> For the complete documentation index, see [llms.txt](https://manuais.starads.com.br/colecao-standard-v2/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://manuais.starads.com.br/colecao-standard-v2/painel-do-tema/cores.md).

# 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="/files/u21Dk1LPfWjfkDW3VlYE" 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="/pages/ycKg7Il7Znpl9FvmZJvE" %}
[Cores gerais do tema](/colecao-standard-v2/painel-do-tema/cores/cores-gerais-do-tema.md)
{% endcontent-ref %}

{% content-ref url="/pages/vbYEuH7EigDPkZPZWHwp" %}
[Cabeçalho](/colecao-standard-v2/painel-do-tema/cores/cabecalho.md)
{% endcontent-ref %}

{% content-ref url="/pages/o4gCyf9xDtiPIYeYcsrf" %}
[Menu de Categorias](/colecao-standard-v2/painel-do-tema/cores/menu-de-categorias.md)
{% endcontent-ref %}

{% content-ref url="/pages/Opm3dm1qz9FtEP6GrQj5" %}
[Segmentação](/colecao-standard-v2/banners-e-imagens/segmentacao.md)
{% endcontent-ref %}

{% content-ref url="/pages/97THuxset9ONzty4bhbh" %}
[Vitrines](/colecao-standard-v2/painel-do-tema/cores/vitrines.md)
{% endcontent-ref %}

{% content-ref url="/pages/9XYvWibeObkR4Z6Zqff9" %}
[Selos](/colecao-standard-v2/painel-do-tema/cores/selos.md)
{% endcontent-ref %}

{% content-ref url="/pages/vkN2ULXRg0XFQB7Bo1oY" %}
[Newsletter](/colecao-standard-v2/painel-do-tema/layout/newsletter.md)
{% endcontent-ref %}

{% content-ref url="/pages/gZWTE1HpGevT4Kz1ap4P" %}
[Rodapé](/colecao-standard-v2/painel-do-tema/cores/rodape.md)
{% endcontent-ref %}

{% content-ref url="/pages/2HmjyunWe4FNJxGMjHzH" %}
[Aviso de Implantação](/colecao-standard-v2/painel-do-tema/cores/aviso-de-implantacao.md)
{% endcontent-ref %}