.c-action-bar.floating は白い地(input-bg)に枠と弱い影だけで、ページの地とほとんど同じ色だったため、
選んだときに欄が出ても目立たなかった(Stage の利用者の指摘)。
- 地と枠を本文の文字の色(text-strong)にする。明るい配色では黒い地、暗い配色では明るい灰色の地になる
- 件数(欄の最初の子・既定は <strong>N</strong>件選択中)の文字は操作より控えめな色にし、<strong> の数字を
丸い地に入れて操作のボタンと見分けられるようにする
- 欄の中の .c-button.ghost の文字を欄の地と同じ色にする。乗せたときの地は既定の surface-100 だと文字と同じ
明るさになって文字が消えるため、文字の色を 14% 混ぜた地にする
コントラスト比は、操作の文字 19.67(明)/14.29(暗)、件数の文字 7.43/5.82、乗せたときの地の上の文字
13.72/10.76。浮かせる形の欄を使っているのは Stage の 2 画面だけで、このリポジトリの見本は使っていない。
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>