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

[Hakadao]

目前用了這麼一段樣式

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 判断的话又完全没有头绪。

[sibusana]

试试 Dark Reader 这个库

https://github.com/darkreader/darkreader?tab=readme-ov-file#using-dark-reader-on-a-website