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

# Cambia el tema y los colores de tu grupo

> Elige un tema predefinido o crea uno con tus colores para el modo claro y el modo oscuro de tu grupo de comunidad.

Los temas cambian el aspecto de tu grupo de comunidad para que combine con tu marca. Puedes elegir un tema predefinido o crear uno propio con tus colores, y configurarlo por separado para el modo claro y el modo oscuro.

Si administras varios grupos, usar un tema distinto en cada uno te ayuda a reconocerlos de un vistazo.

> [!NOTE]
>
> Los temas se ven en la versión web de la comunidad. En la aplicación móvil no se aplican.

## Abrir la configuración de temas

1. Entra a tu grupo desde **Membresías → Comunidades → Grupos** con el botón **Iniciar sesión**.
2. En la barra lateral derecha, haz clic en **Configuración**, en la parte inferior.
3. Selecciona **Temas** en el menú lateral.

> [!NOTE]
>
> Si no ves la opción **Temas**, es posible que la función todavía no esté activada en tu cuenta. Escribe a soporte de Chateea en **[help@chateea.com](mailto:help@chateea.com)**.

## Elegir un tema predefinido

**1. Elige el modo**

En la parte superior de **Temas**, cambia entre **Modo claro** y **Modo oscuro**.

**2. Explora los temas**

Abre la pestaña de temas de la comunidad y recorre la lista de temas disponibles.

**3. Aplica el que te guste**

Haz clic en un tema para verlo. Se aplica automáticamente a la interfaz de tu grupo.

## Crear un tema personalizado

En la pestaña **Temas personalizados** (Custom Themes) puedes elegir el color de cada parte de la interfaz. Configura el modo claro y el modo oscuro por separado, y guarda cada uno.

| Opción | Qué cambia en el grupo |
| - | - |
| Fondo de la barra lateral | Color de fondo de la barra lateral y de la barra superior |
| Primario | Color de los botones |
| Fondo | Elementos de superficie y ventanas emergentes |
| Terciario | Enlaces y elementos de selección (botones de opción y casillas) |
| Superficie | Base de la interfaz |
| Fuente primaria | Texto principal |
| Fuente secundaria | Texto seleccionado |
| Color de relleno | Color al pasar el cursor |
| Bordes | Todos los bordes |
| Error | Mensajes de error al interactuar |

Haz clic en la muestra de color para abrir el selector, o escribe directamente el código hexadecimal (por ejemplo, `#1A73E8`).

> [!WARNING]
>
> Haz clic en **Guardar** después de personalizar cada modo. Si cambias de modo sin guardar, pierdes los cambios.

## Qué ven los miembros

Los miembros ven el tema que elegiste o creaste. Además, cada miembro puede cambiar entre modo claro y modo oscuro desde su propia **Configuración**, así que conviene que ambos modos se vean bien.

## Artículos relacionados

> **[CSS y JavaScript personalizado en grupos](https://help.chateea.com/docs/cursos/css-y-javascript-personalizado-en-grupos.md)**
>
> Ajusta el diseño del grupo con tu propio código.

> **[Dominio propio para tu comunidad](https://help.chateea.com/docs/cursos/dominio-propio-para-tu-comunidad.md)**
>
> Publica tu comunidad con la dirección de tu marca.


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.