darkreader黑暗模式插件原理探寻

darkreader是一个神奇的插件,查看其为网页增加的样式发现实现原理使用了css的滤镜,可以借鉴一下

body{
    filter: invert(100%) hue-rotate(180deg) brightness(115%) contrast(95%) !important;
}

以上代码能反转大多数情况

需要处理一些特例。 如果需要给网站增加黑暗模式切换，可以参考。