Page.pdf - Colors rendering

When I run my page in headless mode every colors is rendered right. But when I get the pdf with page.pdf() with no options some colors (a few in fact) are wrong - too bright or too dark - Is there any reason for this?

update: I solved this with this css (not sure why it wasn’t working without it)

html {
  -webkit-print-color-adjust: exact;
}

[cage1618]

await page.addStyleTag({
  content: `
    html {
      -webkit-print-color-adjust: exact !important;
      -webkit-filter: opacity(1) !important;
    }
  `
});

This worked for me, -webkit-filter item is required

[kaveet]

Thanks for sharing your solution–that wasn’t a fun problem to debug.

The color changes appear to be part of the browser’s strategy for reducing print cost and achieving more accurate colors on paper. It’s part of the browser’s printing functionality, which is why the colors only change when using page.pdf() as opposed to opening the page in a browser. This isn’t really a problem with Puppeteer but really should be somewhere in its documentation.

You can read more about this here: https://drafts.csswg.org/css-color-4/#color-adjust