進め方
Theming Systemは、テーマごとの違いを階層型トークンアーキテクチャに集約します。ローのパレット値がセマンティックロールに反映され、さらにコンポーネント単位のトークンに反映されます。テーマの上書きは主にセマンティック層を変更するため、同じコンポーネントを異なるブランドやカラーモードで使えます。
ソースでは、テーマを単なる色の反転とは区別しています。ダークの面、エレベーション、彩度、画像バリエーションには、意図的な対応が必要です。また、密度もテーマの次元として挙げており、色以外にも適用できる仕様になっています。
期待される成果物
- 上書きルールを含む3層のトークンアーキテクチャ。
- 必要なカラー、ブランド、密度のモードを網羅したテーママトリクス。
- コンポーネントの対応範囲と、固定トークンとテーマ可変トークンに関するガイダンス。
ブリーフからレビューまで
- 01トークン層を分ける
ローのプリミティブ、用途ベースのエイリアス、コンポーネントレベルの参照を特定します。
- 02テーマの上書きをマッピングする
コンポーネントの契約を保ったまま、要求されたテーマごとにセマンティックロールを変更します。
- 03ライブラリ全体を確認する
対応するすべてのテーマで、画像やOSの設定に応じた挙動も含め、全コンポーネントをレビューします。