发现页夜间模式：让眼睛更舒服的实用小功能

晚上刷手机成了很多人的睡前习惯，灯光暗下来，屏幕一亮，刺眼的白光直接扎进眼睛。这时候要是有个夜间模式，体验立马不一样了。

什么是发现页夜间模式

发现页通常是各类App里信息聚合的地方，比如新闻推荐、活动入口、新功能提示等等。白天看着清爽明亮没问题，可到了晚上，高亮度加冷色调的界面就有点伤眼。夜间模式就是为这种场景设计的，把背景换成深灰或黑色，文字和图标也调成低对比度的浅色系，整体光线柔和不少。

我之前用某个资讯App，每次睡前翻发现页都感觉眼睛发干，开了夜间模式之后，明显没那么累了。关键是切换方便，有些还支持定时自动开启，比如晚上8点到早上7点自动变暗色主题。

怎么开启这个功能

不同App操作略有差异，但大体路径差不多。一般在发现页右上角有个“更多”按钮，点进去能看到“夜间模式”或“深色主题”的开关。有的直接集成在系统设置里，跟随手机全局主题走。

比如在某社交App中，可以这样设置：

<!-- 示例代码：模拟配置项结构 -->
<preference name="night_mode" value="auto" />
<!-- auto: 自动切换；on: 开启；off: 关闭 -->

如果是开发者做的页面，通常会用CSS媒体查询来适配：

@media (prefers-color-scheme: dark) {
  body {
    background-color: #121212;
    color: #e0e0e0;
  }
  .card {
    background: #1f1f1f;
    border: 1px solid #333;
  }
}

实际使用中的小细节

别看只是换个颜色，细节处理不好反而更累眼。有些App夜间模式背景全黑，文字纯白，对比太强，跟手电筒照脸似的。好的设计会用深灰底搭配灰白色文字，减少眩光。

还有些页面图片没做适配，夜里点进去突然蹦出一张亮图，瞬间被闪到睁不开眼。这其实可以通过前端加个滤镜解决：

img {
  filter: brightness(90%) contrast(85%);
}

我自己试过几个主流App，购物类的夜间模式普遍弱一些，可能是因为商品图太多，改起来麻烦。反而是阅读类和社交类做得比较到位，切换顺滑，视觉负担小。

现在连一些网页版后台系统都加上了夜间模式，说明这已经不是花架子，而是真正在意用户体验的功能。毕竟谁也不想每天下班后盯着刺眼的屏幕，多一点点体贴，使用意愿就多一分。