テキストカラーは、対応する背景色に対して目標コントラスト比をクリアすることが保証されています。
ダークテーマへの切り替えは、コンテナにクラスを適用するだけです。ダークモードはすぐに機能します™。
各スケールには、対応するアルファカラーバリアントがあり、色のついた背景にブレンドする必要があるUIコンポーネントに便利です。
コントラストの目標は、人間の視覚がテキストをどのように認識するかを正確に予測する、最新のAPCAコントラストアルゴリズムに基づいています。
広色域の色空間でのブレンドの違いを考慮し、可能な限り明るい黄色と赤色を実現します。
各ステップは、背景、ホバー状態、境界線、オーバーレイ、テキストなど、特定のユースケースを念頭に置いて設計されています。