深色模式的发展历程
作为程序员,早在2014年,我就通过 Android Studio 的 Dracula Theme
第一次接触到了深色模式
,从此一发不可收拾,所有的 IDE 都必须使用此模式。
之后,一小部分手机 APP 也开始提供深色模式
方便用户夜间使用,例如用于炒美股的老虎证券,由于美股的交易时间和中国正好日夜颠倒,默认使用了深色模式
。
- 2016年8月,Microsoft 在 Windows 10 Anniversary Update 中首次推出
dark theme
- 2018年9月,Apple 在 macOS 10.14 Mojave 中也跟随推出
dark mode
- 2019年9月,Apple 发布的 iOS 13 和 Google 发布的 Android 10 都支持了
dark mode
自此,互联网巨头们开始“全面黑化”:
- 2020年3月22日,iOS 版微信支持
深色模式
- 2020年4月,Android 版微信支持
深色模式
- 2023年6月2日,支付宝支持
深色模式
如今,国内的大部分手机常用 APP 基本都已支持深色模式
,但是 Web 端的支持非常不理想,仍然几乎没有适配的网站。
信息
早在2019年,一个新的 CSS media query 参数 prefers-color-scheme
就已被添加,用于检测用户对于浅色/深色模式的偏好设置。
自动切换模式
深色模式
最适合在夜间使用,但每天手动来回切换略显繁琐,最好的方案是根据根据日出/日落时间自动切换浅色/深色模式。
- Apple macOS/iOS 和 Android 自身提供自动切换
- Windows 暂时还未提供此功能,推荐使用 Auto Dark Mode 进行自动切换