[data-theme='dark'] { --text-2: #b8b8b8; }
[data-theme='dark'] ::placeholder { color: #9a9a9a; }
暗色下说明文字和占位符灰度太低,用对比度工具量是 3.1:1,正文标题能看清,注释几乎融进背景。先别急着动参数,把报错原文和时间点记下来,顺序反了容易白折腾。
原因不复杂,次要文字颜色沿用了浅色主题的 #8a8a8a,暗背景上亮度差的比值掉到 3:1 附近。主题切换只换了背景,没有重新算文字层级。
这次卡住的地方就在「暗色模式对比度」这一环,单独把它拎出来验证,别和其他改动混在同一次发布里。改完隔一天再看一次,当场正常不代表能稳住。
测试环境和线上的差别,往往就在版本号和那几行被忽略的配置上。线上出问题先对时间点,跟发布、备份、任务执行的时刻排一排,能省掉一半功夫。
处理上按这个顺序:把次要文字提到 #b3b3b3 以上 保证 4.5:1;占位符单独定一档 不要和禁用态共用;用对比度检查工具逐页扫一遍正文和表单。
改完只确认一件事:次要文字对比度测到 4.6:1,注释在暗色下能轻松读。
