Tema visual

Los temas visuales permiten personalizar la apariencia de las páginas presentadas por una aplicación, como por ejemplo la de una url de pago.

Asociar un tema visual a una aplicación, modifica la clase CSS del BODY de las páginas e incluye una plantilla CSS.

La plantilla CSS con la URL especificada por el tema será agregada a las páginas. Los selectores disponibles están explicados en layout de una página de usuario.

La URL debe ser segura (HTTPS).

La clase {tema-visual}-theme es agregada al estilo CSS del BODY de la página, donde tema-visual es el identificador del tema activo o “default” si no hay uno activo.

La clase {modo-ui}-display es agregado a la clase del BODY y refleja el modo de UI de la página para poder modificar la apariencia según la página esté contenida en un iframe o no.

Por ejemplo, si el tema fuera black-friday, podríamos tener los siguientes selectores en nuestro CSS para diferenciar el fondo de una página en modo iframe (“embed”):

/* normal */
body.black-friday-theme {
    background:#333;
}
 
/* en un iframe */
body.black-friday-theme.embed-display {
   background:#000;
}