> ## Documentation Index
> Fetch the complete documentation index at: https://getsteps.app/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Temas de Cores

> Personalize o Steps com 12 temas predefinidos ou crie suas próprias cores personalizadas

Os temas de cores permitem personalizar a aparência do Steps alterando as cores usadas para o anel de progresso, gráficos e widgets.

<Note>Os temas de cores são um recurso Pro. Usuários gratuitos usam o tema Clássico padrão.</Note>

## Temas Predefinidos

<Frame caption="Seletor de tema de cores com 12 temas predefinidos e opção personalizada">
  <img src="https://mintcdn.com/steps-9a9e4b74/WCAWzedZyITaHflp/images/screenshots/color-themes-selector.jpg?fit=max&auto=format&n=WCAWzedZyITaHflp&q=85&s=c3fe3c00ed77981a727382608ca2ee22" alt="Color themes selector" width="2131" height="1598" data-path="images/screenshots/color-themes-selector.jpg" />
</Frame>

O Steps inclui 12 temas de cores integrados. Cada tema tem duas cores: uma para o estado em andamento e outra para o estado de meta concluída.

| Tema           | Em Andamento    | Concluído         |
| -------------- | --------------- | ----------------- |
| **Clássico**   | Laranja         | Verde             |
| **Ruby**       | Carmesim        | Vermelho Escuro   |
| **Sapphire**   | Azul Royal      | Azul Escuro       |
| **Emerald**    | Verde           | Verde Escuro      |
| **Burgundy**   | Vermelho Escuro | Vermelho Profundo |
| **Onyx**       | Cinza           | Preto             |
| **Ardósia**    | Azul Ardósia    | Azul              |
| **Coral**      | Coral           | Rosa              |
| **Floresta**   | Âmbar           | Esmeralda         |
| **Crepúsculo** | Violeta         | Índigo            |
| **Azul-pato**  | Verde-água      | Ciano             |
| **Rosa Suave** | Rosa            | Roxo              |

## Cores Personalizadas

Escolha suas próprias cores com a opção de tema personalizado. Você pode definir cores separadas para:

* **Em Andamento** - A cor mostrada enquanto você está trabalhando em direção à sua meta
* **Concluído** - A cor mostrada depois que você atingiu sua meta
* **Dia de Descanso** - A cor mostrada nos dias que você marcou como dias de descanso

Use o seletor de cores do iOS para selecionar qualquer cor que você queira.

## Onde os Temas se Aplicam

As cores do tema selecionado aparecem em todo o app:

* Anel de progresso no Painel Inicial
* Barras e destaques dos gráficos
* Widgets da Tela Inicial e Tela de Bloqueio
* Detalhes do distintivo de sequência

<Tip>Alterar seu tema atualiza automaticamente seus widgets para combinar.</Tip>

## Como Alterar Seu Tema

1. Abra as **Configurações**
2. Toque em **Tema de Cores**
3. Selecione um tema predefinido ou toque em **Personalizado** para escolher suas próprias cores