Best Chrome Extensions for Dark Mode on Websites

For most people, Dark Reader is the strongest all-purpose choice: it creates adjustable dark themes, supports per-site rules, can follow your system theme, and detects websites that are already dark. Night Eye is the better fit when you need dark, filtered, and normal modes, schedules, custom CSS, or supported PDF dark mode. Dark mode / night reader is a simpler option built around inversion and contrast modes.

These are publisher descriptions from the Chrome Web Store, not independent tests. Store versions, ratings, user counts, privacy disclosures, and plan details can change. None of the reviewed listings establishes that an extension improves eye health.

Quick comparison

Extension	Best for	Controls and features listed	Privacy wording in the listing
Dark Reader	Adjustable dark themes on most sites	Brightness, contrast, sepia, fonts, per-site enablement, system dark-mode sync, detection of already-dark sites	The developer says it will not collect or use user data. This is a publisher disclosure, not an independent audit.
Night Eye	Modes, schedules, PDFs, and site customization	Dark, filtered, and normal modes; global and per-site settings; scheduling; operating-system or browser color-scheme integration; supported PDF dark mode; custom CSS	The listing says transformation runs locally and data is not sold. Its Chrome privacy panel identifies personally identifiable information as handled.
Dark mode / night reader	Simple inversion and contrast controls	Five modes, including inversion and reduced-contrast combinations; per-site settings; local site settings; default page mode synced through Chrome Sync	The listing says it does not upload data. Treat this as the publisher’s statement.

1. Dark Reader: the most adjustable option

Dark Reader says it creates dark themes on the fly. Its controls include brightness, contrast, sepia, and font adjustments. You can enable or disable it for individual sites, synchronize it with the system dark-mode setting, and detect pages that are already dark.

When to choose it

• You want one extension that works across many unrelated websites.
• You need separate rules for work, documentation, dashboards, and other domains.
• You prefer tuning brightness or contrast instead of applying a simple color inversion.
• You want the extension to avoid transforming sites that already provide a dark theme.

Setup checklist

1. Install Dark Reader from the official Chrome Web Store listing.
2. Open the extension menu while viewing a page.
3. Turn the extension on and choose the available theme controls.
4. Add exceptions for sites whose own dark theme looks better or whose layout changes under transformation.
5. Disable other dark-mode extensions before troubleshooting conflicts; Dark Reader’s listing specifically recommends avoiding similar extensions together.

2. Night Eye: modes, schedules, and PDF support

Night Eye lists three transformation modes: Dark, Filtered, and Normal. It also lists global and per-site preferences, scheduling, operating-system or browser color-scheme integration, supported PDF dark mode, custom CSS, and preservation of larger media while page elements are transformed.

When to choose it

• You want automatic schedules instead of changing the setting manually.
• You need a normal mode for sites that should never be transformed.
• You read PDFs in Chrome and want dark treatment where the extension supports it.
• You need custom CSS for a site whose colors or components require a manual rule.

Free and paid tiers

The listing describes a free Lite tier for up to five websites and paid Pro, Pro Max, and Ultimate plans. It does not provide current prices in the reviewed text, so check the plan information linked from the listing before subscribing.

3. Dark mode / night reader: simple inversion and contrast

Dark mode / night reader lists five modes: inversion with reduced contrast, inversion with normal contrast, reduced contrast only, disabled, and a mode that inverts text and images. Per-site settings are available. The listing says the default page mode is the only setting synchronized through Chrome Sync, while site settings are stored locally.

When to choose it

• You want a small set of clearly defined inversion and contrast choices.
• You need per-site exceptions without a larger theme system.
• You are comfortable accepting that image and brand colors may change under inversion.

How to choose the right extension

Your requirement	Start with	Why
Fine control over brightness, contrast, sepia, and fonts	Dark Reader	Those controls are explicitly listed.
Schedules or system-theme integration	Dark Reader or Night Eye	Both listings describe system or scheduling features, with different controls.
Dark, filtered, and normal modes	Night Eye	Those three modes are part of its listed feature set.
Custom CSS	Night Eye	Custom CSS is listed as a feature.
Supported PDF dark mode	Night Eye	Its listing specifically mentions PDF support.
Simple inversion and contrast choices	Dark mode / night reader	Its five listed modes focus on inversion and contrast.
Already-dark site detection	Dark Reader	Its listing describes detection of sites that are already dark.

Installation and per-site configuration

1. Open the extension’s official Chrome Web Store listing and select Add to Chrome.
2. Pin the extension if you expect to change it often.
3. Open a representative page from each site you use.
4. Check navigation, code blocks, images, charts, video controls, forms, and embedded documents.
5. Use the extension’s site-level disable or normal-mode control when the site’s native theme is clearer.
6. Keep only one primary dark-mode transformer enabled. Multiple extensions can rewrite the same colors and produce unreadable results.

Privacy and permissions: how to evaluate the listings

Dark-mode extensions need access to page content to transform it. Read the current Chrome Web Store permissions and privacy panel before installation, especially on work devices.

• Dark Reader: the developer says it will not collect or use user data.
• Night Eye: the listing says transformation runs locally and data is not sold, while the store privacy panel identifies personally identifiable information as handled. Do not reduce these two statements to “no data is handled.”
• Dark mode / night reader: the listing says it does not upload data.

These are publisher disclosures, not independent audits. Recheck them after major updates and compare them with your organization’s browser-extension policy.

Compatibility, visual quality, and edge cases

Websites with their own dark theme

A transformed page can be worse than a site’s native theme. Test both and add a per-site exception when the native version preserves icons, syntax highlighting, charts, or brand colors more accurately.

Images, video, and charts

Inversion-based modes can alter photographs, logos, thumbnails, and chart colors. Filter or theme modes may preserve media differently. Check the pages you actually use instead of assuming one mode works for every content type.

Web apps and embedded frames

Complex applications may render content in canvases, shadow DOM components, or embedded frames. Some controls may remain bright or become low contrast. Try a site-specific rule, custom CSS where available, or the application’s own theme.

PDFs

Night Eye’s listing mentions supported PDF dark mode. “Supported” does not mean every PDF viewer or document will transform identically; verify the PDFs and viewer pages that matter to you.

Accessibility and contrast

Dark mode does not automatically produce accessible contrast. Check text, links, focus indicators, disabled controls, and syntax highlighting. Keep a site in normal mode if transformed colors make keyboard focus or status messages difficult to see.

Troubleshooting

Symptom	Likely cause	Fix
Two different dark themes appear layered	More than one extension is transforming the page	Disable or uninstall the other dark-mode extension, reload the tab, and test again.
Text is readable but images look inverted	The selected mode transforms media as well as text	Switch modes, add a site exception, or use a theme/filter mode that preserves media better.
A site stays bright	The page uses a protected viewer, canvas, embedded frame, or its own styles	Reload after enabling the extension, check site-level settings, try custom CSS where available, or use the site’s native theme.
Buttons or icons have poor contrast	Generated colors do not match the component’s original states	Adjust brightness or contrast, add a targeted rule, or disable transformation for that domain.
Settings work on one computer but not another	Sync behavior differs by extension and setting type	Review which settings are synced, then configure site exceptions on each managed profile.
Pages become slower after installation	The extension is rewriting a complex page or many dynamic elements	Compare with the extension disabled, exclude heavy applications, and keep one transformer enabled.
PDF colors do not change	The PDF or viewer is outside the extension’s supported paths	Open the document in a supported viewer, use the browser or operating-system theme, or leave that PDF in normal mode.

Performance and reliability considerations

• Theme transformation happens in the browser, so CPU and memory use depend on page size, animation, and how often the site updates its DOM.
• Dynamic dashboards can trigger repeated style work. Excluding those domains may make scrolling and interaction smoother.
• Keep extensions updated through Chrome and review behavior after updates; store versions and feature sets change.
• For predictable screenshots, test with the extension enabled or disabled deliberately. A browser extension can change colors after page load, so capture timing matters.

Or skip the browser setup

If your goal is a dark-mode screenshot for documentation, testing, or a social preview, ScreenshotNeo provides a website screenshot API and MCP server. You can request PNG, JPEG, WebP, or PDF output with one GET request. Its capture options include dark mode, device presets, custom viewports, full-page screenshots, element capture, custom CSS and JavaScript, waits, request blocking, headers, cookies, geolocation, caching, signed links, asynchronous jobs, bulk capture, and PDF controls.

Cookie banners, newsletter popups, and chat widgets are removed before the shot. Bot checks, blank pages, failed loads, timeouts, and cache hits are not billed, and the response reports the page verdict and billing status. An MCP server lets Claude, Cursor, and other MCP clients call take_screenshot, get_page_info, and capture_pdf.

See the ScreenshotNeo documentation for all parameters.

cURL

curl -G "https://api.screenshotneo.com/v1/shot" -d access_key=YOUR_API_KEY --data-urlencode url=https://stripe.com -o shot.webp

Python

import requests
r = requests.get("https://api.screenshotneo.com/v1/shot", params={"access_key": "YOUR_API_KEY", "url": "https://stripe.com"}, timeout=90)
open("shot.webp", "wb").write(r.content)

Node.js

const q = new URLSearchParams({ access_key: 'YOUR_API_KEY', url: 'https://stripe.com' });
const res = await fetch(`https://api.screenshotneo.com/v1/shot?${q}`);

The free plan includes 1,000 screenshots per month with no card. Paid plans start at $5 for 3,000 shots. Create a free ScreenshotNeo account.

FAQ

Which extension should I install first?

Start with Dark Reader for the broadest set of theme controls. Choose Night Eye when schedules, custom CSS, or supported PDF dark mode matter more.

Can dark mode extensions make every website dark?

No. Protected viewers, canvases, embedded frames, and unusual application styling can limit transformation. Use site exceptions or the site’s own theme when necessary.

Do these extensions improve eye health?

The reviewed listings do not establish a health benefit. Choose settings for comfort and readability, and keep contrast and focus indicators usable.

Is Night Eye free?

Its listing describes a free Lite tier for up to five websites and paid Pro, Pro Max, and Ultimate plans. Check the current listing for prices and terms.

Can I use more than one dark-mode extension?

You can, but overlapping transformations commonly create color and contrast problems. Use one primary transformer and disable the others while diagnosing an issue.