Vestir el sitio no obliga a tocar el código. Un tema lleva su paleta, se activa, y el sitio público cambia.
Los temas, uno al lado del otro
Los temas del sitio, cada uno con su color de acento y su fondo. Un clic activa uno, y todo el sitio cambia, administración incluida.
La paleta de un tema
Un tema lleva el color de acento, el del fondo, y los del encabezado y el pie de página. Los contrastes se deducen automáticamente, para que un fondo oscuro no se lleve textos oscuros.
Un tema probado en la página de inicio
Al modificar un tema, la página de inicio del sitio aparece al lado, vestida con lo que aún no se ha guardado: cada color cambiado se ve al instante, en modo claro u oscuro, al ancho de un ordenador, una tableta o un teléfono.
Ajustes > Apariencia: los grises de la administración
Fuera del tema, Ajustes > Apariencia define los grises de la administración y del espacio de cliente, en modo claro y oscuro, con sus colores de estado. Una familia por modo, la vista previa de una tarjeta y cada tono ajustable.
Ajustes > Correos: los colores de los correos
Ajustes > Correos define el idioma de los correos y sus colores. El acento sigue por defecto el color principal del tema. Luego vienen el fondo, los títulos, el texto, la banda de cabecera detrás del logotipo y la línea bajo ella, con los colores del logotipo por ejemplo.
Una página con sus propios colores
La pestaña Apariencia de una publicación repinta solo esa página: el fondo, la barra superior, el pie de página, el texto, los trazos, las tarjetas, los títulos, las cifras destacadas y el color de acento. Un campo vacío conserva el color del tema.
El logotipo y el favicon
Elegidos en la mediateca: el logotipo del sitio y su icono de pestaña. Un ajuste indica si el nombre del sitio aparece junto al logotipo en el móvil. Un segundo logotipo, opcional, ocupa su lugar cuando la suite pasa al modo oscuro: útil para un logotipo oscuro y sin fondo, que desaparecería sobre el menú oscuro.
La tipografía, el ancho, la cabecera
El tema también elige la tipografía (Sora por defecto), el ancho del contenido, la barra de lectura arriba de la página y los colores de la cabecera, con lo que muestra: el nombre del sitio, un texto o el logotipo.
Lo que el tema ajusta además
- El texto, las líneas, el fondo y el contorno de las tarjetas, los títulos, las marcas de verificación, las cifras clave y el color de los pictogramas.
- El color de los estados al pasar el ratón y de las marcas de las tarjetas: principal, neutro o personalizado, para el tema y página a página.
- El color de cada tipo de recuadro del contenido: información, éxito, atención, consejo y los demás.
- Una publicación puede repintar sus propias franjas sin cambiar el resto del sitio.
- Un tema también puede traer sus propias plantillas, cuando un proyecto pide una maquetación que la paleta no basta para describir.