返回首页 笔记

笔记

浅色主题的另一半

建站记录 · 本文有 AI 参与整理,文中的操作与环境对应写作当时的版本。

深色主题调了十几版,浅色一直是"能看就行"。

今天量了一下对比度:邮箱那一行的粉色标签 #ff6fb5 在白底上只有 2.6:1,规格表的紫色小字 3.0:1。WCAG 对 12px 文字的要求是 4.5:1。深色下这两处都在 8:1 左右,所以一直没觉得有问题。

改法不复杂:浅色主题单独配一套加深的色相,深色那套不动。以前以为主题切换就是换背景和文字色,现在知道强调色也得各配一套。

顺带一句:这个对比度是脚本读计算样式算出来的,肉眼真的看不出来。