浏览器自动将网页变为深色模式很难吗？

网站主：你浏览器凭什么改我网站的样子？

iOS 端 Alook 浏览器，强制深色模式，有点给力

推荐一个 chrome 的插件，Dark Reader， 它自动会把所有的网站变为夜晚模式，而且是很智能的，很多网站的 css 都是定制的

Dark Reader，https://github.com/darkreader/darkreader

不难，技术上都很简单，但是涉及到 dark mode 配色就很难了，如果图片不是透明的，也会很刺眼，费大劲收益也不大，没动力。

之前做博客适配的时候的体验： https://www.chengxiaobai.cn/record/the-website-supports-dark-mode.html

@mrgeneral 图片用 css 滤镜变暗，配色就灰蓝。。😂

很容易变成深色模式
也很容易瞎眼睛

UC 浏览器 10 年前就做到了

深色模式给你来张大白图, 这不是更伤

真爱生命，远离深色模式。

@Livid 是的，用了手动切换的一段时间了，感觉晚上舒服多了。我就是问问可否把主站改成自动切换。

不难，目前主流浏览器 Safari、Chrome 都支持，需要开发者进行适配

比如 https://plain-dev.com

提示：@media (prefers-color-scheme: dark)
于是自己一开始就用 CSS variables，旧版本的浏览器再额外去支持或者逼他们升级🤪
另外 <img> 如果要对于深浅色变换的话还需要用 <picture>

@xiangyuecn
filter: invert(1) hue-rotate(180deg)
会稍微好一些，色相还是对的。不过似乎还要稍微变一些会更协调，Webkit 在页面顶部特地定义了一个反转亮度的滤镜

chrome 有一个软件叫 dark reader 非常好用

有的，可以看这两篇

https://zhih.me/website-darkmode-on-macos/

https://get233.com/archives/support-macOS-dark-mode-in-safari-web.html