El tema da a Portail ZAPP sus colores, sus formas (esquinas redondeadas, sombras) y sus fuentes, en modo claro y en modo oscuro. Dos pantallas, reservadas a los Administradores, lo modifican sin redespliegue:
- Diseño (menú Administración › Apariencia e idiomas › Diseño): ajuste guiado, valor por valor, con una vista previa;
- Archivos de tema (menú Administración › Apariencia e idiomas › Archivos de tema): sustitución de los archivos de estilo del tema, para ir más allá de la pantalla Diseño.
La estructura de las páginas (barra de navegación, menú) no se modifica.
Pantalla Diseño
Ningún tema activo
Si no hay ningún tema activo, la pantalla pide primero un nombre de tema: letras minúsculas, dígitos y guiones (por ejemplo mi-tema), y luego Crear. El mensaje Tema creado. Ajusta los valores y guarda. confirma la creación.
Ajustar los valores
Elige Claro u Oscuro y ajusta los valores, agrupados por familia: Marca, Superficies, Borde, Textos, Formas y Fuentes. Un color se elige con el selector o se escribe (por ejemplo #2563EB); los demás valores se escriben (radio de las esquinas, sombra, lista de fuentes).
La Vista previa, a la derecha, muestra el efecto en vivo (botones, tarjeta, formulario, tabla) antes de guardar nada.
- Guardar aplica el tema a todos en el acto: Tema guardado, aplicado de inmediato. Un valor rechazado muestra Uno de los valores introducidos no se acepta y no se guarda nada.
- Volver al tema incluido, ofrecido una vez personalizado el tema, elimina la personalización: Personalización eliminada, se vuelve a usar el tema incluido.
Pantalla Archivos de tema
La pantalla indica el Tema activo y lista sus archivos de estilo, con su Estado:
- Archivo incluido: se usa el archivo de origen;
- Sobrescrito: tu versión sustituye al archivo de origen;
- Ausente: el tema no tiene ese archivo.
Para modificar un archivo: Descargar, modifícalo, selecciónalo y luego Subir (Archivo de tema actualizado). El cambio se aplica de inmediato. Volver al archivo incluido elimina tu versión.
Un archivo se rechaza si está vacío, si supera 256 KiB, si no parece CSS o si sus llaves no están balanceadas. Sin tema activo, no se puede sustituir nada.
Lo que hay que saber
- La pantalla Diseño y el archivo
…-tokens.cssde la pantalla Archivos de tema contienen los mismos valores. Guardar en Diseño reescribe ese archivo: un valor añadido a mano en ese archivo, aparte de los de la pantalla Diseño, se pierde (las importaciones y declaraciones de fuentes situadas al principio del archivo se conservan). Haz tus modificaciones avanzadas en el otro archivo del tema (…-compat.css). - Volver al tema incluido y Volver al archivo incluido sobre ese mismo archivo tienen el mismo efecto.
Ver también
- «Personalizar el nombre y el logo»: nombre de la aplicación, logo e iconos.