Instant night mode for any website! https://lnikki.la/articles/night-mode-css-filter/

bookmarklet.md

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

style.css

html, img, video {
  -webkit-filter: invert(1) hue-rotate(180deg);
  filter: invert(1) hue-rotate(180deg);
}

body {
  background: black;
}

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?

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?