Personalizar tema y tipografía

Define colores, radios y tipografías que el renderer aplica como tema reutilizable del sitio.

Que se logra

• Resultado: el sitio adopta una identidad visual consistente en la vista previa y en su versión publicada.
• Caso de uso: una franquicia aplica sus colores, tipografías y fuente de marca a un sitio de sucursal sin editar cada página.
• Se combina con: layouts, recursos, Sites AI y publicación.

Donde esta

• Ruta: /[orgId]/sites/[siteId]
• Acceso en UI: Site menu > Theme``
• Componente(s): SiteThemePanel.tsx

Como funciona

1. Abra Theme.
2. Ajuste colores y radio.
3. Busque fuentes para encabezados y cuerpo, o cargue una fuente de marca.
4. Guarde el tema.

Reglas y validaciones

• El HTML o CSS que usa colores fijos puede no reflejar los cambios del tema.
• Sites AI conserva las fuentes elegidas en Theme; no las cambia mediante el chat.

Backend

• Servicios: sites (patch), site-assets, s3-url-signing.
• Efectos: la vista previa y la publicación cargan las fuentes y variables del tema.

Relaciones

• Requiere: sitio creado.
• Afecta: diseño, vista previa y sitio publicado.