I came up with an adequate approach to adding a dark mode.
Caveats
Make sure to set its apply rule to "Regexp" and "macrumors.com"
You can now turn dark mode on and off by clicking on the icon the browser extension added and toggling on and off the script. Here are a couple sample images:
Caveats
- It's inefficient
- It hides GIFs for optimization
- Embedded videos appear inverted (but play really well?!)
Code:
img[src*="gif"] {
display: none;
}
body,img,h2.title{
filter: invert(100%);
}
#mainContainer{
background-color:white;
}
body[style="zoom: 1;"]{
background-color:black;
background-image:none;
}
Make sure to set its apply rule to "Regexp" and "macrumors.com"
You can now turn dark mode on and off by clicking on the icon the browser extension added and toggling on and off the script. Here are a couple sample images:
Last edited: