笔记
浅色主题的另一半
约 276 字 · 阅读约 1 分钟
建站记录 · 本文有 AI 参与整理,文中的操作与环境对应写作当时的版本。
深色主题调了十几版,浅色一直是"能看就行"。
今天量了一下对比度:邮箱那一行的粉色标签 #ff6fb5 在白底上只有 2.6:1,规格表的紫色小字 3.0:1。WCAG 对 12px 文字的要求是 4.5:1。深色下这两处都在 8:1 左右,所以一直没觉得有问题。
改法不复杂:浅色主题单独配一套加深的色相,深色那套不动。以前以为主题切换就是换背景和文字色,现在知道强调色也得各配一套。
顺带一句:这个对比度是脚本读计算样式算出来的,肉眼真的看不出来。