E1.11.1button states across themes设计研究
多主题或暗色模式下五态需分别校验而非直接映射
别名: 暗色模式按钮状态 · 主题映射失败 · dark mode states
概念解释
浅色主题上调过的默认、悬停、按下、禁用、加载，不能靠「把明度倒过来」生成暗色或其他主题的五态。直接映射会让悬停比默认更暗到看不出、让禁用在深底上反而更抢眼、让加载转圈融化进背景。多主题下五态要分别校验，因为每套主题的基线明度不同，状态差是相对量。
机制
状态靠相对对比被认出来。浅色主按钮的悬停往往是「再深一点」，映射到暗色若仍执行「再深一点」，会撞上已经很深的底，差掉进噪声；若机械取反成「再亮一点」，又可能比默认还亮，把悬停升级成另一枚主按钮。禁用常用降饱和、降对比，暗色里低对比文本本身就在阈附近，再降一次会变成看不见，或反过来因为灰块贴在近黑底上形成一块高对比补丁，看起来比默认可点。加载指示若用浅色主题的深色描边，暗色里会消失。主题不是滤镜，是另一套基线，五态的阶差要在新基线上重算。
怎么研究
把同一组件放进浅色、暗色、高对比三套主题，做状态迫选：这两帧是不是同一态、哪一帧是禁用。不要在设计工具的画板上并排，要在真实窗口背景和系统外观下看。
自变量：主题、是否只用自动反相、状态对。 因变量：状态辨别率、禁用被当成可点、悬停被当成另一主按钮。
只用设计者自己的校准过的显示器会低估。要在笔记本自动亮度、户外、oled 暗色上抽查。
边界
纯品牌色主按钮（始终是那一罐蓝）在深浅背景上可能确实只需微调描边，但禁用和加载仍要单看。用户自定义主题、夜间护眼滤镜、浏览器强制暗色，都不在产品主题文件里，五态可能被外部滤镜再次映射，校验过的值仍会坏。强制暗色把图片按钮一起反相时，图标语义会坏，这超出状态阶差，但会与状态问题同时出现。
怎么落地
- 为每个主题单独出五态样张，禁止从浅色自动生成暗色状态后不看。
- 优先检查三对：默认–悬停、默认–禁用、默认–加载，在目标主题的真实背景上。
- 高对比主题不要复用暗色的禁用配方，它通常需要更强而不是更弱的边界。
- 验证：在系统浅色、暗色、高对比之间切换，对同一枚按钮问「现在能不能点、是不是正在加载」。任一主题答错，就是映射代替了校验。