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

# Tema visual y recursos

> Personalizar los colores, tipografías e imágenes de un curso.

Cada curso puede tener su propia identidad visual. El **editor de tema** se abre
desde la barra superior del [diseñador](/formacion/diseno-de-cursos).

## Colores

Se definen en formato hexadecimal (`#ED5244`) y aplican a los fondos, los textos,
los botones y los estados de acierto y error dentro del curso.

Además, el tema declara si es **claro** o **oscuro**, para que la aplicación
ajuste automáticamente el contraste de los elementos del sistema.

## Tipografías

Se puede cargar una fuente propia en formato **TTF** u **OTF**, de modo que el
curso respete la identidad tipográfica de tu marca.

## Imágenes del tema

Son las ilustraciones de los momentos clave del recorrido:

| Imagen                      | Cuándo se muestra                             |
| --------------------------- | --------------------------------------------- |
| **Módulo ganado**           | Al superar un módulo                          |
| **Módulo perdido**          | Al no superar un módulo                       |
| **Curso ganado**            | Al completar el curso satisfactoriamente      |
| **Curso perdido**           | Al no superar el curso                        |
| **Temas del módulo**        | En la portada de temas de cada módulo         |
| **Fondo general**           | Fondo del curso                               |
| **Fondo de resultados**     | Fondo de la pantalla de resultados del módulo |
| **Fondo de módulo perdido** | Fondo de la pantalla de módulo no superado    |

Se suben en PNG, hasta 10 MB cada una.

<Tip>
  Prepara las imágenes con el mismo estilo y la misma proporción entre sí. Un
  solo elemento con otro estilo se nota de inmediato en el recorrido.
</Tip>

## Biblioteca de recursos del curso

Todo lo que subes al curso —imágenes, audios, videos, infografías— queda
disponible en una biblioteca propia del curso. Al editar una pantalla puedes:

<Steps>
  <Step title="Subir un archivo nuevo">
    Se agrega a la biblioteca del curso y se asigna a la pantalla.
  </Step>

  <Step title="Reutilizar uno existente">
    El selector muestra lo ya subido, filtrado por tipo de recurso.
  </Step>
</Steps>

Reutilizar en lugar de volver a subir mantiene el curso liviano y evita tener
tres versiones ligeramente distintas de la misma imagen.

## Límites de archivo

| Recurso               | Límite |
| --------------------- | ------ |
| Imágenes del tema     | 10 MB  |
| Imágenes de contenido | 10 MB  |
| Audio (M4A)           | 200 MB |
| Video (MP4)           | 200 MB |

<Warning>
  Un video de 200 MB es una descarga considerable para alguien con datos
  móviles. Comprime los videos antes de subirlos, o usa la opción de YouTube
  cuando el contenido pueda ser público.
</Warning>