How Dark Mode Affects Screenshot Quality and How to Fix It

Screenshots taken in dark mode often look out of place: heavy black blocks in a white document, muddy text in compressed images, or dark slides that are hard to read on a projector. A few habits fix most of it.

Common problems

• Mismatched documents: a dark screenshot in a light report or help article looks jarring and draws the eye.
• Printing: dark images use lots of ink and print poorly, with details lost in black areas.
• Projectors and video calls: dark grays blend together, and thin light text becomes hard to read.
• Compression: saving as JPEG adds blotchy artifacts in dark areas and around text.

Switch to light mode before capturing

• For a site's own dark theme, switch it in the site's settings, or set Chrome to light mode in Settings → Appearance → Mode.
• If you use Modern Dark Mode, turn it off from its toolbar button, or add the site to its excluded sites, before taking screenshots for documents.
• Remember that dark mode extensions also affect printing. Modern Dark Mode applies to printed pages as well, so turn it off before printing.

Use the right format

• PNG for screenshots of interfaces and text: sharp and free of compression artifacts.
• JPEG only for photos.
• Don't resize screenshots up; capture at the size you need, or zoom the page first.

Capture cleanly

• Windows: Win + Shift + S for the Snipping Tool.
• Mac: Cmd + Shift + 4 for an area, or Cmd + Shift + 5 for options.
• Full pages in Chrome: open DevTools, press Ctrl + Shift + P, and run "Capture full size screenshot".
• Hide personal details, bookmarks bars and notifications first.

When dark screenshots are right

For dark-themed documentation, developer tools, or showing off a dark interface, dark screenshots fit. Keep them consistent: all dark or all light in one document.

Make dark screenshots clearer

• Increase zoom so text is bigger before capturing.
• Add a thin light border so the image doesn't merge with a dark page.
• Crop tightly to what matters.

For dark mode problems with images on web pages, see fixing inverted images and comparing dark mode techniques.