暗色下表格只剩文字,横线竖线都看不见,两行数据黏在一起,同一张表在浅色下线条很清楚。乍看像缓存或者权限的锅,追下去往往不是。

:root { --line: #e5e5e5; }
[data-theme='dark'] { --line: #333a45; }
td, th { border-bottom: 1px solid var(--line); }

追下去是这么回事:边框颜色写死成 #eee,暗色背景换成 #1b1b1b 后两者几乎同色。主题只覆盖了背景和文字,没有同步边框与分隔线。

「暗色模式表格边框」这类改动最怕改一半,回滚脚本先准备好,再动生产。接口问题先分清是没发出去、发出去了没收到,还是收到了处理失败。

偶发问题先统计频率,一小时几次和一天一次,查法完全不同。改完顺手把文档补一句,省得下次自己重新推一遍。

监控和日志的时间要对上,时区不一致会多绕很大一圈。临时改动用注释写上日期和原因,过两周自己都记不清为什么这么写。

具体做法是,把边框颜色抽成 CSS 变量 在暗色下换成分隔色;用 border-color: var(--line) 统一替换硬编码色值;逐张表检查合并单元格和斑马纹是否还看得清。

验收就看一点,暗色下表格横线清晰可辨,斑马纹不糊成一片。

作者 9823189