Just updated the site and the post with a workaround that works on Firefox also (unlike other browsers, Firefox doesn’t apply the invert filter to the root element’s background).


With thanks to @kieranbarker, @varx, @silmathoron, @cassidyjames, and others on the fediverse for their help.

@aral saving the web one eyeball and led pixel at a time

@aral would filter:unset work instead of inverting the invert? Haven't tried it myself.

@aral Hey man, this seems to work in Firefox if you add it to the <body> instead of <html>. Instead of centering the <body> the way you currently are, you could use a wrapper <div> instead.

@kieranbarker Thanks Kieran, just implemented it on body and set the background colour manually on the root element + updated the post: ar.al/2021/08/24/implementing-

@kieranbarker Merci, just hacked together the simplest thing that could possibly work :) (Been on a yak-shaving spree recently so trying to pull myself back a bit.) :)

@aral Tanks for that ! I am also a big fan of dark mode, but I recently read this:

Now I don't know what to think about dark modes. Do you have more details about the advantages of dark modes for accessibility, readability, etc ?

@LaBecasse To each their own :) If your eyes prefer light mode, use light mode. If they prefer dark mode, use dark mode. If they prefer light mode during the day and dark mode during the night, do that ;)

@aral I still wondered whether in general our eyes better read black over white or the inverse. I need to dig this up

@LaBecasse @aral I personally am unable to read dark mode due to astigmatism, but appreciate that some people need it, what bugs me is the recent trend towards claiming an apps new dark mode is "better for your eyes" when that can't possibly be a universal claim and as the article says, eye strain isn't caused purely by using light themes.

I have heard that using dark mode can make you less comfortable with light modes, especially if you flick quickly between apps in different modes or someone shares a bright screenshot (hence all the moaning on discord when one dares to post a light theme screenshot when us light themers are in the minority)

@aral @kieranbarker @varx @silmathoron @cassidyjames You can merge the body line with the other inverters too.

/* Invert the body and undo inversion for the rest */
body, img, video, iframe { filter: invert(100%) hue-rotate(180deg); }

Sign in to participate in the conversation
Aral’s Mastodon

This is my personal Mastodon.