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

[megakusa]

如题。
为何没人做这个

[loading]

自动变容易，自动变好看挺难。

[zhch602]

谁和你说没有的，少数派就是啊

[ajaxfunction]

当然很难，但是你强行变黑也是可以的

凡是能变为深色模式的都是开发者专门适配过的。

否则 原来的网页是白底黑字，浏览器强行把背景换成黑色，网页就成黑底黑字了，如何阅读？

就算浏览器采用反白或是写了一些规则来自动处理，但是互联网有几千万个网页，总有无法适配的，到时候锅甩到哪里去呢？

[kingsleydon]

https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-color-scheme
技术上非常容易，设计上很难

[chinvo]

iOS 上 Firefox 有这个功能

电脑上有 dark reader

[imn1]

为啥我想起那个“根据手机壳变色”……

[Rheinmetal]

反色的扩展早就有了 但是效果不太好

[hstdt]

那么多样式网页，甚至还有图片，弄好看很难。dark reader 插件已经很好了，小部分页面还是不行。

[moxuanyuan]

我是看不习惯深色模式。。。。

[h404bi]

https://developer.mozilla.org/zh-CN/docs/Web/CSS/@media/prefers-color-scheme
https://www.h404bi.com/blog/2019/05/macos-mojave-dark-mode-in-css

「其实 prefers-color-scheme 只是帮助做到随系统自动变化而已，网站的深浅配色系统本身还是要开发者预先设计好。」—— 难的不是“自动变深色”，是“深色配色的设计”。自动变黑容易，黑得好看协调难。并且是数不尽的网站...

[locoz]

很难好看，各种乱七八糟的设计太多了，并不能保证处理了之后还“能看”

[LZSZ]

https://chrome.google.com/webstore/detail/night-eye-dark-mode-on-an/alncdjedloppbablonallfbkeiknmkdi

这款插件很好用

[LZSZ]

哦 没注意节点是 iphone。。。

[tzm41]

@Livid v 站可以支持 prefers-color-scheme 吗？

[Livid]

@tzm41 我们有手动切换：

https://www.v2ex.com/settings

[Livid]

@tzm41 https://livid.v2ex.com/ 是自动切换。

[geelaw]

很难，连高对比度（不考虑美观的）自动变换都很困难。

[300]

chrome://flags/#enable-force-dark

[Sivan]

开发者自己弄好实现。
但浏览器是没法自动做这个的。自作主张改别人网站的颜色，会把网站所有者搞毛的。

[xiangyuecn]

直接反个色简单粗暴，但不支持 backgroundImage、canvas

javascript:s=document.createElement("style");s.innerHTML='body{filter:invert(1) !important}img{filter:invert(1) !important}';document.body.appendChild(s);void(0)

[learnshare]

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

[ftu]

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

[ianva]

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

[ianva]

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

[mrgeneral]

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

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

[bgm004]

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

[icanfork]

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

[Fred0410]

UC 浏览器 10 年前就做到了

[cst4you]

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

[kookoo900]

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

[tzm41]

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

[PlainTech]

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

比如 https://plain-dev.com

[AlphaRobert]

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

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

[nstyle]

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

[dxppp]

有的，可以看这两篇

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

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