/* =========================================================================== BELLORA · LOS TEMAS DE COLOR [OLA 32] --------------------------------------------------------------------------- Juan: "quisiera que tambien permitiera cambiarle el tema al sitio, habia pensado en esos colores adicionales que te envie, ten en cuenta mucho los colores y el texto de fondo". Esa ultima frase es la que manda en todo este archivo. --------------------------------------------------------------------------- COMO FUNCIONA, EN UNA LINEA --------------------------------------------------------------------------- `bellora.css` ya estaba escrito con variables. Un tema no toca ni una regla: solo cambia el valor de ocho variables sobre ``. Por eso cambiar de tema no puede romper una pantalla — no hay ninguna pantalla que sepa que existen los temas. --------------------------------------------------------------------------- EL CONTRASTE NO ES UNA OPINION --------------------------------------------------------------------------- El dorado sobre blanco da 2:1. La norma para texto normal es 4.5:1. No es que se vea «menos bonito»: es que a plena luz, o con la vista cansada, NO SE LEE. Y quien lo va a leer no es Juan probandolo un martes: es una recepcionista a las siete de la noche buscando un total. Asi que aqui: · El DORADO y el CORAL nunca son color de texto sobre fondo claro. Son borde, subrayado, precio sobre fondo oscuro — que es exactamente para lo que Juan los listo: «precios, detalles, beneficios» y «ofertas puntuales». · El color de acento SIEMPRE llega a 4.5:1 sobre el papel, porque de el salen los enlaces y los rotulos de estado. · El texto siempre llega a 4.5:1 sobre su fondo. Sin excepciones. Esto NO se deja a la buena fe: `pruebas/probar_encuadre.py` abre los seis temas en un navegador de verdad, mide el contraste de lo que quedo pintado, y falla si alguno baja de 4.5:1. Un tema bonito que no se lee no entra. =========================================================================== */ /* --------------------------------------------------------------------------- POR QUE CADA BLOQUE LLEVA TAMBIEN `.tema[data-tema=...]` --------------------------------------------------------------------------- Porque el cuadrito con el que Juan elige el tema en Ajustes SE PINTA CON EL TEMA QUE OFRECE. No hay una segunda lista de colores para las muestras: el boton se marca con `data-tema="oro"` y hereda los mismos valores que heredaria la pagina entera. Lo que se ve al elegir es exactamente lo que se va a aplicar, y no puede dejar de serlo. Y por que sigue diciendo `html[...]` y no solo `[data-tema=...]`: en `panel.html` y `reservar.html` el `