Guide

Save a Dark Mode Website as a Readable PDF

Dark mode websites look great on screen but waste ink and can be hard to read when printed. Pretty PDF gives you two great options.

Free — 3 PDFs per month. No credit card required.

The problem

The dark mode printing problem

Dark mode is everywhere. Developers use it in their IDEs, readers enable it on blogs and news sites, and many platforms now default to dark themes. But when it is time to save one of these pages as a PDF, things fall apart.

Massive ink waste

A dark background means your printer has to lay down ink or toner across the entire page. A single dark-mode article can consume ten times more ink than the same content on a white background, driving up printing costs and wearing out cartridges faster.

Poor text reproduction

White or light-gray text on a dark background does not reproduce well on paper. Consumer printers often struggle with fine light text on heavy ink coverage, resulting in blurry, hard-to-read output that looks nothing like the crisp screen version.

Bad browser inversion

When you use Ctrl+P on a dark website, the browser may attempt to invert colors for print. The results are unpredictable: some elements invert while others do not, images get color-shifted, and the overall layout looks broken and inconsistent.

Dark backgrounds preserved

Some browsers keep the dark background intact in the PDF output, creating a document that is uncomfortable to read on screen at high brightness and wasteful to print. The user gets the worst of both worlds: a PDF that is neither optimized for screen nor paper.

Option 1

Dark template — preserve the aesthetic

If you want your PDF to maintain the dark mode look and feel, use the Dark template. It is designed specifically for on-screen reading and digital sharing.

Optimized dark rendering

The Dark template uses a carefully chosen dark background with high-contrast light text, optimized for PDF rendering. Unlike a raw browser capture of a dark site, the template ensures consistent, readable output with proper line spacing and margins.

Great for screen reading

Dark PDFs are comfortable to read on monitors, tablets, and phones, especially in low-light environments. The Dark template preserves the reading experience that dark mode users prefer, without the visual inconsistencies of a browser print capture.

Developer docs and portfolios

Developer documentation, code-heavy articles, and design portfolios often look best in dark mode. The Dark template maintains that aesthetic in PDF form, making it ideal for sharing technical content with colleagues or archiving reference material.

Option 2

Article extraction — clean light-mode PDF

If you want a print-friendly PDF from a dark website, use the Clean or Minimal template. Pretty PDF's content extraction strips all original styling and produces a clean, light-mode document.

Styling completely stripped

The content extraction pipeline removes all CSS from the original page, including dark backgrounds, custom colors, and theme-specific styling. The extracted article text is rendered fresh with the template's own clean stylesheet, giving you black text on white every time.

No manual color inversion

You do not need to toggle the site to light mode, use browser developer tools to change CSS, or rely on the browser's unpredictable print color inversion. The extraction handles it automatically regardless of the source site's theme.

Best for printing

A light-background PDF uses minimal ink, produces sharp text on paper, and is universally readable. The Clean and Minimal templates are designed for professional printed output, making them the ideal choice when a dark-mode page needs to end up on paper.

Comparison

When to use which approach

Both options produce excellent PDFs. The right choice depends on how you plan to use the document.

Use the Dark template when

You are reading the PDF on screen. You are sharing the document digitally via email or messaging. You want to preserve the dark aesthetic for developer docs, portfolios, or dark-themed content. You are archiving content and want it to look like the original site.

Use a light template when

You plan to print the PDF on paper. Accessibility is a priority, as light backgrounds with dark text meet more readability standards. You need a traditional, professional-looking document. You want to save ink or toner. The PDF will be read in bright environments.

Walkthrough

Step-by-step guide

Three steps to convert any dark mode website into a readable PDF. The entire process takes under a minute.

1

Navigate to a dark-mode website

Open the dark-themed page you want to save. This can be any site using CSS dark mode, a browser-forced dark theme, a site that defaults to dark like many developer tools, GitHub in dark mode, or VS Code-style documentation pages. No special preparation is needed.

2

Choose Dark template or Clean template

Click the Pretty PDF Printer icon in your Chrome toolbar. If you want to keep the dark aesthetic for screen reading, select the Dark template. If you want a light, print-friendly PDF, choose Clean or Minimal. The template controls the output styling, not the content extraction.

3

Generate your PDF

Click Generate. The extension captures the page content, the server extracts the article text and strips all original styling, applies your chosen template, and renders the final PDF. Your document downloads automatically with clean, readable formatting regardless of the source site's dark theme.

Compatibility

Works with all dark themes

Pretty PDF handles every type of dark-mode website. The content extraction pipeline does not depend on the site's color scheme, so it works regardless of how the dark theme is implemented.

CSS dark mode

Sites that use prefers-color-scheme: dark media queries or CSS custom properties to implement dark mode. The extraction strips all CSS regardless of how the theme is applied.

Forced dark mode

Browser extensions or settings that force dark mode on websites that do not natively support it. These forced themes apply dark backgrounds via injected CSS, which the extraction pipeline removes entirely.

Dark-by-default sites

Websites and applications that ship with a dark theme as their default, with no light mode option. Terminal emulators, certain analytics dashboards, and many gaming or entertainment sites fall into this category.

Developer tool sites

Documentation sites, API references, and developer platforms that are commonly viewed in dark mode. These often have complex layouts with code blocks and syntax highlighting that Pretty PDF handles cleanly.

GitHub dark mode

GitHub repositories, issues, pull requests, and discussions viewed with dark mode enabled. Pretty PDF's GitHub parser extracts the content structure regardless of the active color theme.

VS Code-style documentation

Technical documentation sites styled with dark, code-editor-inspired themes. These often feature monospace fonts, syntax-highlighted code blocks, and dark color palettes that the extraction pipeline handles without issues.

Frequently asked questions about dark mode website to PDF

It depends on your goal. If you are reading the PDF on screen or sharing it digitally, the Dark template preserves the original aesthetic and is comfortable to read on monitors. If you plan to print the PDF on paper, choose a light template like Clean or Minimal instead. Dark backgrounds consume large amounts of ink or toner and the text can be difficult to read on paper, especially with lower-quality printers.
Pretty PDF's content extraction pipeline strips all original styling from the webpage, including dark backgrounds and custom colors. Simply choose the Clean or Minimal template when generating your PDF, and the extracted article content will be rendered with black text on a white background regardless of the source site's theme. No manual editing or color inversion is required.
Yes. Any PDF with a dark background will consume significantly more ink or toner when printed on paper compared to a light-background PDF. The Dark template is designed primarily for on-screen reading and digital sharing. If you need to print the document, use the Clean, Minimal, or Corporate template instead to save ink and improve paper readability.
Yes. Every time you generate a PDF, you can choose any of the five available templates: Clean, Minimal, Corporate, Academic, or Dark. The template choice is independent of the source website's theme. You can convert the same dark-mode webpage into both a dark PDF for screen reading and a light PDF for printing, generating two separate files with different templates.

Turn any dark mode website into a readable PDF

Keep the dark aesthetic or switch to light. Two great options for every dark-themed page you need to save.

Install Free Extension