Tutorial

How to Capture Dark Mode Screenshots

Take screenshots with dark mode enabled. Emulates prefers-color-scheme: dark so sites render their dark theme.

Steps

Add dark_mode=trueSet dark_mode=true in your request. SnapAPI emulates the prefers-color-scheme: dark CSS media query.
Works with any siteAny site that uses @media (prefers-color-scheme: dark) will render in dark mode.
Combine with device presetsUse dark_mode=true with device=iphone14 to capture mobile dark mode views.

Code Examples

curl "https://snapapi.tech/v1/screenshot?url=https://github.com&api_key=YOUR_KEY&dark_mode=true" -o dark.png

import requests

response = requests.get("https://snapapi.tech/v1/screenshot", params={
    "url": "https://github.com",
    "api_key": "YOUR_KEY",
    "dark_mode": "true"
})
with open("dark.png", "wb") as f:
    f.write(response.content)

const res = await fetch(
  "https://snapapi.tech/v1/screenshot?" + new URLSearchParams({
    url: "https://github.com",
    api_key: "YOUR_KEY",
    dark_mode: "true"
  })
);
require("fs").writeFileSync("dark.png", Buffer.from(await res.arrayBuffer()));

Get Free API Key Full API Docs

How to Capture Dark Mode Screenshots

Steps

Code Examples

More Tutorials