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).

ar.al/2021/08/24/implementing-

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

@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.