Skip to content
This Puppeteer script takes a πŸ“· screenshot of a webpage in 🌞 Light and πŸŒ’ Dark Mode.
JavaScript
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.gitignore Initial commit Aug 16, 2019
LICENSE Initial commit Aug 16, 2019
README.md
dark-mode-screenshot.js Add missing shebang Aug 23, 2019
package-lock.json
package.json Add missing shebang Aug 23, 2019
screenshot-dark.png
screenshot-light.png

README.md

Dark Mode Screenshot πŸ“·πŸŒ’

This Puppeteer script takes a screenshot of a webpage in Light and Dark Mode.

Dark Mode Light Mode
screenshot-dark.png screenshot-light.png

⚠️ Prerequisite

For this script to work, you need to activate Dark Mode in your operating system. Please see the instructions for various operating systems on how to do that. The script will programmatically force Dark Mode off for taking the light screenshot.

πŸ‘©β€πŸ’» Usage

Locally from the command line:

$ node dark-mode-screenshot.js --url https://googlechromelabs.github.io/dark-mode-toggle/demo/index.html --output screenshot --fullPage

Without installing remotely from npm:

$ npx dark-mode-screenshot --url https://googlechromelabs.github.io/dark-mode-toggle/demo/index.html --output screenshot --fullPage
Parameter (long) Parameter (short) Description
--url -u The URL of the webpage, defaults to https://googlechromelabs.github.io/dark-mode-toggle/ demo/index.html.
--output -o The file prefix of the screenshot (there will be a light and a dark file), defaults to screenshot.
--fullPage -f Whether or not to take a full page screenshot, defaults to true.

πŸ“„ License

Apache 2.0

You can’t perform that action at this time.