后台允许自定义主色,有 6 个用户填了纯白,暗色下按钮白底白字,实测对比度 1:1。日志里能对上时间点,这种反而好排。

自定义颜色直接写进 --brand,按钮文字固定用白色,暗色下没有重新计算前景色。选色器也不限制亮度过高的值。这一点先确认清楚,后面就不用反复试。

const lum = getLuminance(brand);
btn.style.color = lum > 0.6 ? '#111' : '#fff';

「自定义主题色冲突」改完先别急着全量,挑一台机器放半天,真有问题这段时间就能看出来。能分两步做的操作就别合成一步,中间看一眼返回值,出问题好判断。

报错里带路径的,先去看那个路径在不在、权限对不对。同一份配置存在多处的,先确认改的是被加载的那一份。

新版本先放一台机器上跑一天再全量,问题一般在这段时间暴露。

处理上按这个顺序:按主色亮度自动切换按钮文字为黑或白;选色器限制亮度过高的色值 或给出对比度提示;用纯白和纯黑两个极端值各测一遍按钮。

结果对不对很好判断,纯白主色下按钮文字变深色,对比度恢复到 4.5:1 以上。

作者 9823189