dark mode is for lovers 🖤

This post is about all the things I use to fill my life with dark mode. I’m mostly writing to tell everyone about a free browser plugin, Dark Reader, that’s incredible, but will include other extras as well.

Dark Reader

The browser plugin Dark Reader has changed my life and I’m obsessed with it. As I explained to a friend “I have the best plugin in the world to recommend. It automatically dark themes every website by detecting color schemes and then rewrites a matching dark theme dynamically”

It works on sites with complex code themes too! But I don’t know if you missed it in the first screenshot, you can control the brightness! The contrast! The SEPIA! What?

Dark Reader is free for Chrome, Firefox and indirectly on Opera. For Safari, it costs $4.99. I ended up donating $5 and will probably donate regularly. I’m so shocked at how great this plugin is.

HazeOver

HazeOver is a “distraction dimmer” for Mac. I originally got it to help fix the dumbest issue ever: Mac brightness controls don’t control the secondary monitor(?!) So I got HazeOver to dim my secondary monitor but it turned out to be awesome in general. It dims whatever windows aren’t active and it’s damn smooth about it.

image

It costs $9.99 but you can do a free trial. I decided to give give them my money after seeing all of the incredibly glowing reviews. Now I’m one of those reviewers being like “best app ever!”

Dark Mode Script for Slack

Adil Leghari created this awesome PowerShell script to dark mode Slack.

image

Slack is outrageous and I’ve given up on them supporting dark mode. It’s literally been 5 years since they started saying it was on their radar 🙄

Windows and mac OS

I better news, both Microsoft and Apple delivered on dark modes! Windows 10 October 2018 update now supports dark mode! And, of course, mac OS Mojave is downright gorgeous.

Luminoodle

For dark mode irl, check out Luminoodle TV Bias Lighting. The back of my monitors point at the wall and it creates such a nice glow that super easy on the eyes 😍

If anyone has some dark themers that they are pumped about, let me know in the comments!

Chrissy is a Cloud and Datacenter Management & Data Platform MVP who has worked in IT for over 20 years. She is the creator of the popular SQL PowerShell module dbatools, and holds a number of certifications, including those relating to SQL Server, Linux, SharePoint and network security. You can follow her on Twitter at @cl.

Posted in General
5 comments on “dark mode is for lovers 🖤
  1. Dave says:

    This is awesome. No longer do I have to screw with hacking together CSS crap via Stylus. This extension seems to work great more often than not.

    Thanks, Chrissy!

  2. Thomas Flatley says:

    looks useful – my only concern is the provision that it can “READ and change all YOUR data on the websites you visit” not too comfortable with that –

    • Dave says:

      It’s good to be concerned with these extensions requiring such a big permission. What’s nice is, being an open source project, you can vet the code, build it locally/yourself, and then install the extension in your browser of choice.

      To install the extension from a file:
      1.) Install Node.js LTS
      2.) Download the source code (or checkout from git)
      3.) Open terminal in root folder and run:
      – npm install
      – npm run release

      Note: the build takes 7-10min.

      Voila. This will generate ‘build.zip’ for use in Chromium browsers and ‘build-firefox.xpi’ for use in Firefox.

    • Chrissy LeMaire says:

      Hey Thomas! totally get it. I created a google chrome plugin myself *just to perform a redirect* on sites that give a GDPR warning and I required the same privs. They need to see the data to rewrite the CSS. So this is a setting that is required and does not imply maliciousness. Of course, that is always a possibility, but the developer is not overreaching in his requirements.

  3. Rob says:

    Great article, Chrissy! (you beat me to it :)

    I like “Dark mode / night reader” in Firefox, and Deluminate in Chrome.

    Deluminate has more sophisticated image handling, with a default “Smart Invert Images” setting that analyzes and adjusts each image individually. There are also options for “Invert All Images” or “Keep Images Normal”. (The Smart option is usually best since it preserves hues, but Invert All is handy on weird sites, and Normal mode on commerce sites).

    For sepia (color temperature), I do that globally for the OS — I used to use F.lux, but Win10 handily co-opted that with Night Mode a few versions back.

    Since Win10’s release, it had incomplete dark theming, but October’s v1809 finally finished the job. I think it may be the best thing they’ve done in several years (but I think I may be a geek, too).

    —-

    @Thomas: Extensions like this need this permission to read and change the displayed webpage’s HTML. It’d be nice if the permission could be more granular, but a machine can’t really tell between what’s your data and what’s formatting.
    (Don’t forget to put your tax papers away before inviting the painters in, too :)

Leave a Reply

Your email address will not be published. Required fields are marked *

*