[data-theme='dark'] .icon-mono { filter: invert(1); }
[data-theme='dark'] img.photo { filter: none; }
上线暗色样式后,用户头像全变成蓝绿负片,表情包颜色错乱,客服一天收到 9 条反馈。这类现象通常不是突然出现的,往前翻半天日志能看到苗头。
追下去是这么回事:为了压暗白底图,对 img 统一加了 filter: invert(1),所有位图都被反相。这个规则没有排除照片和头像。
「暗色模式图片反色」改完先别急着全量,挑一台机器放半天,真有问题这段时间就能看出来。同一份配置存在多处的,先确认改的是被加载的那一份。
新版本先放一台机器上跑一天再全量,问题一般在这段时间暴露。备份不是备了就行,恢复一次才算数,很多备份文件打开才发现是空的。
接口问题先分清是没发出去、发出去了没收到,还是收到了处理失败。
处理上按这个顺序:取消对 img 的整体反相 只对确认为白底图标的元素生效;给需要反相的图标单独加类名;抽查头像、截图、表情包三类图片在暗色下的观感。
确认没问题再收工,头像和照片保持原色,只有纯白线条图标做了反相。
