品牌主色在浅色下没问题，暗色页面里按钮绿底白字，实测对比度 2.6:1，看不清按钮上的字。第一次遇到会往复杂处想，其实漏掉的多是个小前提。
[data-theme='dark'] { --brand: #35b57c; }
[data-theme='dark'] .btn-primary { background: var(--brand); color: #0b1a12; }
品牌色是按浅色背景挑的，暗色下背景变深，同一块绿的相对亮度没变，和白字的差值反而不够。只换背景不换主色，达标不了。这一点先确认清楚，后面就不用反复试。
碰到「暗色品牌色对比」这类问题，我习惯先把当前配置原样备份一份，改坏了立刻换回来，不用现场推。把这次用到的命令存进笔记，比记住结论有用，换个环境还能照着走。
改完隔一天再看一次，当场正常不代表能稳住。测试环境和线上的差别，往往就在版本号和那几行被忽略的配置上。
具体做法是，暗色下把主色提亮一到两档 单独定义一套；按钮文字颜色按新主色重新算 不要固定白色；用对比度工具量主按钮和链接文字。
改完照着核一遍，暗色下主按钮对比度到 4.8:1，按钮文字清晰。