Skip to main content

深色模式的发展历程

作为程序员,早在2014年,我就通过 Android StudioDracula Theme 第一次接触到了深色模式,从此一发不可收拾,所有的 IDE 都必须使用此模式。

之后,一小部分手机 APP 也开始提供深色模式方便用户夜间使用,例如用于炒美股的老虎证券,由于美股的交易时间和中国正好日夜颠倒,默认使用了深色模式

自此,互联网巨头们开始“全面黑化”:

  • 2020年3月22日,iOS 版微信支持深色模式
  • 2020年4月,Android 版微信支持深色模式
  • 2023年6月2日,支付宝支持深色模式

如今,国内的大部分手机常用 APP 基本都已支持深色模式,但是 Web 端的支持非常不理想,仍然几乎没有适配的网站。

info

早在2019年,一个新的 CSS media query 参数 prefers-color-scheme 就已被添加,用于检测用户对于浅色/深色模式的偏好设置。

目前国内支持深色模式的网站

自动切换模式

深色模式最适合在夜间使用,但每天手动来回切换略显繁琐,最好的方案是根据根据日出/日落时间自动切换浅色/深色模式。

  • Apple macOS/iOS 和 Android 自身提供自动切换
  • Windows 暂时还未提供此功能,推荐使用 Auto Dark Mode 进行自动切换

参考