Dark Reader Chrome and Firefox extension
Alternatives To Darkreader
Project NameStarsDownloadsRepos Using ThisPackages Using ThisMost Recent CommitTotal ReleasesLatest ReleaseOpen IssuesLicenseLanguage
Darkreader17,41022411 hours ago34September 26, 20221,043mitTypeScript
Dark Reader Chrome and Firefox extension
Simpread6,96417 months ago1July 06, 20181,599gpl-3.0JavaScript
简悦 ( SimpRead ) - 让你瞬间进入沉浸式阅读的扩展
a month ago26gpl-3.0TypeScript
A Browser Extension for faster reading on ANY website!
Just Read1,130
17 days ago7JavaScript
A customizable read mode web extension.
4 years ago3mitJavaScript
Cookiejar is a browser extension that removes article-limit restriction and paywall from sites like Medium, Technologyreview etc, thus allowing the reader with access to unlimited premium articles.
Csv Reader16
a year ago4mitJavaScript
A browser extension that transforms csv into a readable table, in the same tab
Web Extension Hatemile For Browser7
5 years agoapache-2.0HTML
Improve the accessibility of web pages, especially for users who use screen readers or navigate using the keyboard.
Rfc Reader7
2 years ago10mitJavaScript
Simple extension that makes IEFT's RFCs more eye friendly.
Ansi Viewer7
2 years ago1mitJavaScript
A Firefox addon which let you view .ans file in the browser.
Alternatives To Darkreader
Select To Compare

Alternative Project Comparisons

Dark Reader's mascot

Dark Reader analyzes web pages and aims to reduce eyestrain while browsing the web.

Chrome Web Store Firefox Add-ons Apple App Store Edge Addons Thunderbird

Dark Reader

Dark Reader is an open-source MIT-licensed browser extension designed to analyze web pages. Dark Reader will generate a dark mode that aims to reduce the eyestrain of the user. Dark Reader is feature-rich and is customizable in many ways throughout the UI.


Most questions can be answered by reading the help page. If the help page doesn't answer your question, open up a new discussion.

How to contribute

Read more about contributing to Dark Reader in CONTRIBUTING.md.

Building for use

Dark Reader build script requires a JavaScript runtime, either NodeJS or Deno. We recommend using NodeJS, Deno support is experimental.

Building with NodeJS

You can install the extension from a file. Install Node.js (we recommend LTS or higher, but any version at or above 15 will work). Download the source code (or check out from git). Open the terminal in the root folder and run:

  • npm install
  • npm run build or npm run build [-- flags]

This will create a build/release/darkreader-chrome.zip file for use in a Chromium-based browser and a build/release/darkreader-firefox.xpi file for use in Firefox.

You can customize build process by passing flags to build script. To see all flags, run npm run build -- --help.

Building with Deno

You can build Dark Reader with alternative runtime called Deno. For this run deno:bootstrap script (e.g., via npm run deno:bootstrap or manually copy the command from package.json). Then run the same commands described above.

Please note that if you encounter error Too many open files (os error 24), then you should use the newer version of Deno (preferably built from source or canary).

Bundling with official Firefox store signatures (Experimental)

Prior to publication, extension stores provide digital signatures for extensions. These digital signatures certify the integrity of the archive (that extension bundle did not get corrupted or bit-rotted) and that extension store preformed very basic extension validation.

Dark Reader repository contains these digital signatures and you can add them to the extension bundle. The following will build Dark Reader for Firefox version 4.9.63:

npm run build -- --firefox --version=4.9.63

Please note that only Firefox Add-ons store signatures are present in the repositiry right now. Also, due to NodeJS and TypeScript version compatibility, one might have to first check out the old revision (commit), then build the extension files, then check out the recent commit and create the bundle (by running only signature and zip steps).

Using Dark Reader for a website

You can use Dark Reader to enable dark mode on your website!

  • Install the package from NPM (npm install darkreader)
  • or build from the source code (npm run api)
  • or include the script via a CDN such as unpkg or jsDelivr

Then you can use the following code to control Dark Reader's API:

    brightness: 100,
    contrast: 90,
    sepia: 10


// Enable when the system color scheme is dark.
    brightness: 100,
    contrast: 90,
    sepia: 10

// Stop watching for the system color scheme.

// Get the generated CSS of Dark Reader returned as a string.
const CSS = await DarkReader.exportGeneratedCSS();

// Check if Dark Reader is enabled.
const isEnabled = DarkReader.isEnabled();

... or if you are using ES modules:

import {
    enable as enableDarkMode,
    disable as disableDarkMode,
    auto as followSystemColorScheme,
    exportGeneratedCSS as collectCSS,
    isEnabled as isDarkReaderEnabled
} from 'darkreader';

    brightness: 100,
    contrast: 90,
    sepia: 10,



const CSS = await collectCSS();

const isEnabled = isDarkReaderEnabled();

Be aware that Dark Reader will add the chrome object onto the window object. These are to stub certain functions that the code will use. They originate from the webextension-api.

Site fixes

Automatically syncing the site fixes to every Dark Reader user was disabled because the GitHub team does not allow using GitHub as a CDN. The storage of these files would be expensive, and making requests to other resources would look suspicious. Each new release of Dark Reader will include these changes.

However, this can be enabled using the following steps:

  • Click on the Dark Reader icon.
  • Click on the Dev tools button (in the bottom-right corner).
  • Click on the Preview new design button.
  • Enable the Synchronize site fixes setting under Settings -> Manage Settings.

To force a synchronization of the sites fixes (when the corresponding setting is enabled), perform the following steps:

  • Click on the Dark Reader icon.
  • Click on the Dev tools button (in the bottom-right corner).
  • Click on the Reset button. This will remove any custom site fixes you may have.


Thank you to all our contributors! Dark Reader exists thanks to you.


Thank you to all our generous backers! Support Dark Reader by becoming a backer.


Does your company use Dark Reader? Please ask your manager or the marketing team if your company would be interested in supporting our project. Your support will allow the maintainers to dedicate more time to maintenance and creating new features for everyone. Also, your company's logo will show on GitHub. Who doesn't want a little extra exposure? Here's the info.

Thank you to all our wonderful sponsors!

Popular Reader Projects
Popular Firefox Extension Projects
Popular Applications Categories
Related Searches

Get A Weekly Email With Trending Projects For These Categories
No Spam. Unsubscribe easily at any time.
Chrome Extension
Dark Theme
Firefox Extension
Night Mode