Problem → SolutionApril 2, 20264 min read

PDF Looks Wrong in Dark Mode — Inverted Colors and Visibility Issues

PDFs that look fine normally but have inverted, washed-out, or unreadable colors in dark mode are responding to the OS color inversion. Here's how to control this behavior.

A PDF where white backgrounds turn black, colored text becomes unreadable, or images have inverted colors in dark mode is responding to the operating system or application's dark mode color inversion. This is a viewer behavior — the PDF file itself is unchanged. The fix depends on whether you want the PDF to adapt to dark mode or always display in its original colors.

What Dark Mode Does to PDFs

Some PDF viewers apply a color inversion or dark mode filter when the OS dark mode is active. Acrobat Reader has an "Accessibility" color replacement option; some browsers apply CSS filters to embedded PDF iframes. This inverts white (background) to dark and dark (text) to light — which looks good for simple black-text-on-white PDFs. But it breaks PDFs with colored backgrounds, images, logos, or carefully chosen text colors. An orange brand color becomes a teal negative, and photographs become photographic negatives.

Fix in Adobe Acrobat Reader

In Acrobat Reader: Edit → Preferences → Accessibility. Uncheck "Replace Document Colors" if it is enabled — this stops Acrobat from overriding the PDF's original colors. If you prefer a dark background for reading: check "Replace Document Colors" but then choose "Custom Color" and set the Page Background to dark grey (not black) and Document Text to white. This gives a dark mode appearance while keeping colored elements (images, logos, highlighted text) in their original colors rather than inverting them.

Fix in Chrome or Edge

Chrome and Edge do not apply dark mode filters to their built-in PDF viewers by default — PDFs always display in their original colors regardless of system dark mode. If you are seeing inverted PDFs in Chrome, check whether you have a dark mode extension installed (Dark Reader is a common one) — these extensions apply CSS color inversion to all web content including embedded PDFs. Disable the extension for PDF pages, or add an exception rule for PDFs.

For PDF Authors: Preventing Dark Mode Issues

If you are creating PDFs that will be widely distributed and want them to display consistently regardless of viewer dark mode settings: use explicit color values for all elements rather than relying on "default" black or white. A PDF with black text specified as DeviceGray 0 and a white background specified as DeviceGray 1 will be inverted by color replacement. A PDF with text specified as a specific dark grey (CMYK 0/0/0/90 or RGB 25/25/25) and background as a very light grey (RGB 252/252/252) is less likely to trigger automatic dark mode inversion and looks acceptable in both modes.

Try Edit Pages Now — Free

Browser-based, private, and instant. No account or software required.

Open Edit Pages
Report Bug
Send Feedback
Feature Request