現在の selected および hover の色は、どちらも primary 変数のシェードです。この小さな実験では、区別を付けるために selected を代わりに tertiary のシェードに変更します。
selected
hover
primary
tertiary
現在使用されているのは tertiary-300 で、これはテキストの色を変更せずに(手作業が多くなるため)使用できる最大値であり、なおかつ十分なコントラスト比を維持しています。
tertiary-300