如何快速适配一个完全没有做深色的网站做深色主题?

目前用了一段式

html.dark { filter: invert(1) hue-rotate(180deg) !important; background-color: white; } .dark { img, video, iframe, [style*="background-image: url"], [style*="background: url"] { filter: invert(1) hue-rotate(180deg) !important; } } 

发现效果多少有点差别图片就算再设置一次 filter 还是有点偏色现象，还有就是如果是 div 里面不是通过行内样式设置的话无法识别，写 js 判断的话又完全没有头绪。