Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
Instant night mode for any website! https://lnikki.la/articles/night-mode-css-filter/
Bookmarklet

Copy and paste this into a bookmark:

javascript:!function(d){d.head.appendChild(d.createElement("style")).innerText="html,img,video{-webkit-filter:invert(1)hue-rotate(180deg);filter:invert(1)hue-rotate(180deg)}body{background:#000}"}(document);
html, img, video {
-webkit-filter: invert(1) hue-rotate(180deg);
filter: invert(1) hue-rotate(180deg);
}
body {
background: black;
}
@wangwy

This comment has been minimized.

Copy link

wangwy commented Dec 8, 2015

when i add columns to a page style,the picture do not show.

http://wangwy.github.io/testExample/epub/books/xiaowangzi/index_split_001.html

how to solve this problem?

@torappinfo

This comment has been minimized.

Copy link

torappinfo commented Apr 1, 2020

For webview/chrome 81, this does not work. changing html to body as "body,img,video{filter:invert(1)}" seems work but make some pages completely black.
So, what is the difference between html and body?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.