feat: improved printing settings

2026-07-14 10:16:47 +02:00
parent 8d9d95ddf5
commit c1afd5a6d4
5 changed files with 71 additions and 25 deletions
@@ -28,6 +28,15 @@ export function renderPageMeta() {
  panelOutput.style.fontFamily = pageFontSelect.value;
  pageSizeStyle.textContent = `@page { size: ${pageSizeSelect.value} ${pageOrientationSelect.value}; }`;
  document.title = pageTitleInput.value.trim() || 'Crochet';
+
+  // El color de fondo también se guarda en una variable CSS en :root, para
+  // que css/main.css pueda pintar con él toda la hoja al imprimir (no solo
+  // la caja de #panel-output, que puede quedarse más corta que la página).
+  // Se hace así, en vez de aplicar el color directamente a <body>, para no
+  // cambiar también el fondo de toda la pantalla de edición: la variable no
+  // pinta nada por sí sola en pantalla, solo la consume la regla @media
+  // print de más abajo.
+  document.documentElement.style.setProperty('--print-page-bg-color', pageBgColorInput.value);
 }

 export function serializePageSettings() {