--accent は主ボタンの地(白文字)と文字色の両方に使われ、dark でも明度が変わらないため、ink の
dark ではリンク等の文字が背景と 3.24:1 だった。--accent を明るくすると主ボタンの白文字の比が下がる。
- --accent-text を新設。各テーマの --accent から相対色構文で明度だけを制限して導く
(light は 0.48 以下・dark は 0.68 以上)。全テーマの surface-0 / 50(dark は 100 も)に対し
light 4.91:1・dark 5.38:1 以上(oklch → sRGB で計算。Chrome 152 で計算値を確認)
- 相対色構文に非対応のブラウザは @supports で外れ、--accent のまま(従来どおり)
- リンク・a:hover・選択中のタブ・ステッパーの現在・統計のアイコン・トグルの選択中を --accent-text へ。
エラーページの装飾(opacity 0.3)は対象外
- リンクの hover は本文の文字色へ 25% 寄せる(--accent-hover は dark で暗くなり差が縮むため)
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>