Fondos de color y dark mode en PDF

Con fondo de color, Chrome conserva el margen de papel por defecto e imprime MARGENES DE PAPEL BLANCOS alrededor de tu hoja oscura, aunque el body sea oscuro. Anula el margen de la hoja y lleva la zona segura del texto a un contenedor interno como padding: .doc{padding:15mm 16mm}.

Todos los navegadores DESCARTAN fondos de color e imagenes al imprimir para ahorrar tinta. Sin print-color-adjust:exact tu lienzo oscuro sale blanco. Declaralo en el elemento hoja y conserva el prefijo -webkit- para Safari (Chromium lo dejo en la v98, Safari aun lo necesita).

El fondo oscuro debe vivir en el elemento que abarca toda la hoja: html, body o un .doc de alto completo, no en un wrapper interno pequeno. Un fondo en un div interno corto solo pinta donde hay contenido y deja huecos claros debajo y en los saltos de pagina.

Forzar un salto de pagina por seccion en un documento oscuro deja huecos vacios enormes (oscuros o blancos) al pie de cada pagina corta. Deja fluir el contenido y controla solo donde importa con break-inside:avoid y break-after:avoid. Reserva break-before:page para arranques de seccion reales.

Para PDFs oscuros de pantalla (que nunca se imprimen), manten el contraste del texto en WCAG AA (4.5:1 cuerpo, 3:1 grande). Usa blanco #FFF o un blanco atenuado, nunca texto negro puro (invisible), ni el gris mas oscuro sobre casi-negro. Dibuja los divisores como hairlines de blanco a baja opacidad, cerca de rgba(255,255,255,.10).

Un logo o icono exportado como JPEG arrastra una caja blanca que se vuelve un halo feo sobre fondo oscuro. Usa un PNG (o SVG) con transparencia real, o recorta el fondo. Revisa los bordes al 100 por ciento; los filos con antialias aun brillan sobre oscuro.

Un fondo oscuro a pagina completa que de verdad va a prensa es caro y riesgoso. Un negro rico puede empujar el TAC muy por encima del limite del papel (cerca de 300 por ciento en couche, 240 por ciento en papel prensa), asi que no seca, repinta y mancha. Usa una receta de negro rico controlada, no cuatro tintas al maximo, y confirma el TAC con la imprenta. Ver la seccion de negro.

Regla de criterio: para cualquier cosa que se vaya a imprimir fisicamente, usa fondo claro por defecto. Los fondos oscuros a pagina completa cuestan toner y tinta, secan lento, y rara vez leen mejor en papel. Reserva el dark para PDFs de pantalla, o para prensa solo cuando el usuario lo pide explicito y acepta el costo.

Para que una portada oscura llene la primera hoja completa, dale alto suficiente para llegar al pie y fuerza un salto despues. En Carta con @page{margin:0} y padding 15mm, usa .cover{min-height:245mm;break-after:page} (aprox 279mm de hoja menos tolerancias). El fondo vive en .cover para que sangre de borde a borde.

Un degradado o masa de color solida que toca el corte necesita el mismo trato que una foto: extiendelo 3mm mas alla del trim hacia el sangrado y conserva print-color-adjust:exact. Un degradado que termina justo en el trim muestra un filo blanco cuando la guillotina varia +-1mm.

Abre el PDF generado y revisa los cuatro puntos de falla del dark: el fondo llega a cada borde sin filo blanco, no hay huecos vacios oscuros ni blancos, los saltos caen limpios entre bloques, y las fuentes cargaron (sin sustitucion a Times). Esto solo se ve en el PDF paginado, no en la vista continua de pantalla.

En modo oscuro, no dependas solo del color para senalar jerarquia o estado; los colores atenuados se aplanan sobre fondo oscuro y fallan para lectores con baja vision. Manten la jerarquia legible tambien por tamano y peso, igual que en light. Un titulo debe seguir siendo titulo en escala de grises.