Dark Mode Screenshots

What it does

Setting dark=true enables the browser's prefers-color-scheme: dark media query before the screenshot is taken. Websites that implement a dark theme via CSS media queries will render in their dark variant automatically.

API parameter

{
  "url": "https://example.com",
  "dark": true
}

Dashboard

Enable the Dark mode checkbox in the Request settings section of the screenshot form.

When to use it

• Generating dark-mode variants of product screenshots for documentation or marketing.
• Testing dark theme implementations across multiple pages.
• Visual regression baselines for dark-mode UI changes.

Notes

• Only affects pages that implement @media (prefers-color-scheme: dark). Sites without a dark theme will look identical.
• Can be combined with any other screenshot parameter — device emulation, viewport size, automation steps, etc.

Example: dark + hide popups

{
  "url": "https://example.com",
  "dark": true,
  "hide_popups": true
}