Dark Reader dark theme extension for Firefox - gHacks Tech News

Dark Reader dark theme extension for Firefox

Dark Reader is a popular browser extension for Google Chrome which its developer, Alexander Shutov, released for Mozilla Firefox recently.

The basic idea of the extension is to turn any website design to a dark theme design for better readability especially at night when too bright sites become harder to look at.

Dark themes are quite popular and users who want to use them on sites have multiple options. Common options include installing extensions or userstyles for the purpose.

Dark Reader is an open source extension that is available for Chrome and now also for Firefox.

Dark Reader

dark reader

Dark Reader changes the color scheme of any site you visit to a dark one by default. It adds an icon to Firefox's toolbar which you can activate to interact with the extension.

You can toggle the functionality on the activate site or disable the extension's functionality there.

The extension supports two main modes: the first changes the theme of any site automatically to a dark one while the second does not. It switches to a dark theme only for selected sites that you have whitelisted in the program options.

Dark Reader comes with the handy shortcut Alt-Shift-A to add sites to that list. This shortcut does not work properly in Firefox however as the Alt-key is mapped to the menu bar. So, instead of adding a site to the Dark Reader listing, you open the Firefox menu bar instead.

Considering that this is the first version for Firefox, it is probably only a matter of time before this gets fixed.

Dark Reader displays some customization options when you activate the menu. You can switch between dark and light mode, and can change brightness, contrast, grayscale and sepia values individually.

A switch to the font menu displays options to change the font type but not other font related values such as size.

The final tab, sites list, lists all sites that you added to the extension. There you may also switch from "apply the dark theme to all sites" to "apply it only to sites that I have added".

The dark layer that the extension applies to sites works fine on most sites you visit. If  a site needs work in particular, you can either disable it so that it won't get the dark theme treatment, or report the issue to the developer in hope that he will address the issue in future versions.

Obviously, you could also install a userscript or userstyle for particular sites and use these in combination with Dark Reader.

Closing Words

Dark Reader is a powerful extension that brings a dark mode to any site you visit in Firefox and Chrome. It features the right level of control with its ignore or whitelist only approach to things.

Now You: Do you apply dark themes to sites?

Related articles

software image
Author Rating
4.5 based on 5 votes
Software Name
Dark Reader
Software Category
Landing Page

  • We need your help

    Advertising revenue is falling fast across the Internet, and independently-run sites like Ghacks are hit hardest by it. The advertising model in its current form is coming to an end, and we have to find other ways to continue operating this site.

    We are committed to keeping our content free and independent, which means no paywalls, no sponsored posts, no annoying ad formats (video ads) or subscription fees.

    If you like our content, and would like to help, please consider making a contribution:


    1. olidie said on February 21, 2018 at 9:31 am

      Reading white text on a dark (black) background is a a big pain for my eyes. When I do so and then switch to a lighter site, it seems like the white text lines were burnt into my retina. It takes a little while to go back to normal.

      1. Alexander said on February 21, 2018 at 10:43 am

        For high contrast display (like MacBook) set -30% contrast, +10% brightness, +10% sepia. This will make text less bright.

    2. leanon said on February 21, 2018 at 9:59 am

      I dont want to be to harsh since it is fairly new to AMO but will say this much its about like a wet dream come true!!! I just opened a folder of bookmarks in tabs to test (roughly 25) an all pass with flying dark colors.

      There are a few bugs, even right here on gHacks the “we use cookies…” bar moves with the page when scrolling. It also dont play nice with css colors but repects changes in size and layout. I tested gHacks with and without my own css. Good thing it has a blacklist rrrr whitelist???

      1. ann said on February 21, 2018 at 4:13 pm

        i have the same with the owl extention, the “we use cookies bar is also floating”
        I mostly perfer white text on black background any time of the day.

        1. leanon said on February 21, 2018 at 5:55 pm

          Cookie bar no more, added to css :D

    3. Kubrick said on February 21, 2018 at 10:55 am

      I much prefer the dark mode extension by grephy.Lots of theme choices which can be turned off or on at will.However the only downside is there does not seem to be any config options.

    4. nowadays said on February 21, 2018 at 1:16 pm

      Great but not as great as the decentraleyes addon right no’

      1. syadawon said on February 22, 2018 at 1:59 am

        How are the two even remotely comparable? Decentraleyes protects your privacy by packaging local copies of frequently requested libraries and other resources, while the add-on featured in this article gives websites a dark theme.

    5. Joe said on February 21, 2018 at 4:39 pm

      I was confused by this line in this article: “…the handy shortcut Ctrl-Shift-A to add sites to that list. This shortcut does not work properly in Firefox however as the Alt-key is mapped to the menu bar.”

      I see on the extension’s page that it should read “Alt-Shift-A”.

      1. Martin Brinkmann said on February 21, 2018 at 5:11 pm

        Shortcut is Alt-Shift-A, corrected.

        1. Joe said on February 21, 2018 at 10:06 pm

          Note that the shortcut works for me on Firefox as long as I press and hold “Shift” first, before pressing “Alt” and “A”.

    6. Rush said on February 21, 2018 at 4:48 pm

      I like the program, and I will have to play around with the screen adjustment.

      One minor problem, is watching a video in FF, changes to “negative” when the video is in Full Screen Mode.”

      1. leanon said on February 21, 2018 at 5:29 pm

        For a quick fix in the drop down top left is toggle button. Or there is developer tools in the drop down. Looks like the owner does want bug reports, mainly what sites are not displaying correctly.

    7. Klaas Vaak said on February 21, 2018 at 5:47 pm

      There is also the FF extension “Dark background and light text”, which has a high quality definition and is pleasing to use. The drawback: you cannot toggle per site, it is either off or on browser-wide.

      1. DBLT said on February 22, 2018 at 2:49 am

        I have only tried “Dark background and light text” on an older FF version and it can save settings for each web site visited, drop down the menu by clicking the “A” icon and choose some of the following:
        * Disabled
        * Stylesheet processor
        * Simple CSS
        * Invert
        * Default
        when any of the other settings except “Default” are chosen the active web site tab will be saved to a list of web site preferences, it will then appear in the list found under “Global Preferences”.
        For the most part it looks pretty good though some minor artifacts may appear.

        1. Klaas Vaak said on February 22, 2018 at 12:45 pm

          Thank you so much for replying. I had not figured that out, duh. When I noticed Dark Reader offered the possibility of a per site toggle, I decided, with sadness, to ditch DBLT. I have now reinstalled it. Thanks again.

          BTW: I am using Waterfox, which is probably why DBLT still works.

    8. mat9v said on February 21, 2018 at 6:52 pm

      Dark Reader under Chrome has a very nasty “feature”. Chrome can render webpages in multicore mode, when Dark Reader is turned on on a webpage it forces single core rendering. For example on Overclock.net I have noticed rendering and scrolling to be so slow as to be unusable when the site is configured to display 50 or more posts per page. Without the extension active, it is perfectly smooth.

    9. Anonymous said on February 21, 2018 at 8:00 pm

      It is possible to disable it per-site. Just click on the toolbar button and press the “Disabled” radio button. The “Enabled” checkbox at the top is the global on/off setting.

    10. Joe said on February 21, 2018 at 10:18 pm

      I hadn’t tried one of these in a few years. This is pretty good – the ability to have a whitelist with a simple hotkey to add the current site and instantly turn it dark is perfect. I tried the Owl extension too, but I like this UI better.

    11. Tekwarfare said on February 21, 2018 at 11:42 pm

      This doesn’t work at all. I’m on Firefox 58.0.2

    12. Paul(us) said on February 22, 2018 at 12:05 am

      I have tried it in Firefox 58.02 private mode and then the settings are not available.
      The setting who is already configured in the normal mode is taken over the private mode.
      I have not tried this with google but I am wondering or I am doing anything wrong in the Firefox 58.02 private mode?
      Do anybody knows a solution?

      P.s. I am really like the dark theme in certain websites.

      1. leanon said on February 22, 2018 at 1:15 pm

        Looks like we just need to wait for a fix.


        1. Paul(us) said on February 22, 2018 at 4:36 pm

          Thanks for responding concerning the question I had about the private mode, Leanon.
          I seem to have overlooked your find concerning the issues pages, completely.
          Not so ferry smart of me! :-)
          Hopefully alexanderby can fix the API private mode issues, this because i really like that this theme will work in Firefox.

    13. Franck said on February 22, 2018 at 1:15 am

      Thanks a lot!

    14. heyric said on March 8, 2018 at 9:04 pm

      it’s almost always a nightmare for me to understand what to do on github website in order to get a piece of software..it’s probably not meant to distribute software otherwise it’s unclear unless you already know..imho (it will turn out it’s full of directions of what to do and I don’t see them)

    Leave a Reply