> ## 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 color

> Personaliza Steps con 12 temas preestablecidos o crea tus propios colores personalizados

Los temas de color te permiten personalizar la apariencia de Steps cambiando los colores usados en tu anillo de progreso, gráficos y widgets.

<Note>Los temas de color son una función Pro. Los usuarios gratuitos usan el tema Clásico predeterminado.</Note>

## Temas preestablecidos

<Frame caption="Selector de temas de color con 12 temas preestablecidos y opción 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>

Steps incluye 12 temas de color integrados. Cada tema tiene dos colores: uno para el estado en progreso y otro para el estado de meta completada.

| Tema           | En progreso  | Completado   |
| -------------- | ------------ | ------------ |
| **Clásico**    | Naranja      | Verde        |
| **Ruby**       | Carmesí      | Rojo oscuro  |
| **Sapphire**   | Azul real    | Azul oscuro  |
| **Emerald**    | Verde        | Verde oscuro |
| **Burgundy**   | Rojo oscuro  | Rojo intenso |
| **Onyx**       | Gris         | Negro        |
| **Pizarra**    | Azul pizarra | Azul         |
| **Coral**      | Coral        | Rosa         |
| **Bosque**     | Ámbar        | Esmeralda    |
| **Crepúsculo** | Violeta      | Índigo       |
| **Turquesa**   | Turquesa     | Cian         |
| **Rubor**      | Rosa         | Morado       |

## Colores personalizados

Elige tus propios colores con la opción de tema personalizado. Puedes establecer colores independientes para:

* **En progreso** - El color mostrado mientras trabajas hacia tu meta
* **Completado** - El color mostrado una vez que alcanzas tu meta
* **Día de descanso** - El color mostrado en los días que has marcado como días de descanso

Usa el selector de color de iOS para elegir cualquier color que desees.

## Dónde se aplican los temas

Los colores de tu tema seleccionado aparecen en toda la app:

* Anillo de progreso en el Panel de inicio
* Barras y resaltados de gráficos
* Widgets de pantalla de inicio y pantalla de bloqueo
* Acentos de la insignia de racha

<Tip>Cambiar tu tema actualiza automáticamente tus widgets para que coincidan.</Tip>

## Cómo cambiar tu tema

1. Abre **Configuración**
2. Toca **Tema de color**
3. Selecciona un tema preestablecido o toca **Personalizado** para elegir tus propios colores