全体像 / ガイド
見た目を整える
プラットフォームに合うテーマを使い、ライト・ダークモードやデバイスの配色への追従を設定します。
標準導入ではiOS 27とMaterial Design 3のテーマを組み合わせます。新規導入はそこから始め、既存アプリにテーマだけを追加する場合は個別のテーマガイドを使います。
テーマはWeb UIの見た目を担当します。Dynamic ColorはプラグインでAndroidの配色を取得し、Material Designのテーマを通じて反映します。デバイスと異なるモードを選ぶ場合も、アプリの配色モードを管理する場所は一つに保ちます。
配色モードの管理元を決める
デバイスに追従するアプリでは、標準導入のテーマコントローラーをsystemモードで使います。アプリにライト・ダーク・システム追従の設定がすでにある場合は、その設定を管理元としてDynamic Colorを接続します。別のsystemモードのコントローラーを並行して追加しません。
モードとパレットを分けて考える
ライトかダークかはアプリの表示設定で、Dynamic ColorはAndroidで利用できる配色を提供します。デバイスと設定が異なる場合も、アプリが選んだモードに合う色を適用します。Dynamic Colorを利用できない端末ではテーマの既定色を使います。端末の現在の配色だけでなく、両モードとフォールバックを確認してください。