Dark mode in 1 step
This should work relatively well for most websites:
@media (prefers-color-scheme: dark) {
body {
filter: invert(1);
background: #000; /* since most sites declare the background color */
}
}
This will work pretty well for most sites unless your site has a lot of images.
Examples
*
*
*
If your images are inverted like reddit above, use