画像テンプレートを使用する場合、画像は自動的にダークモードに調整されます。

1. プロジェクトナビゲータ で、アセットカタログを選択してから、画像セットを選択します。


2. 属性インスペクタで、画像セットの下にある [名前を付けてレンダリング(Render As)] ポップアップメニューから [テンプレート画像(Template Image)] を選択します。

1. プロジェクトナビゲータ で、アセットカタログを選択してから、画像セットを選択します。


2. 属性インスペクタで、[アピアランス(Appearances)] ポップアップメニューからアピアランスを選択します。



サポートできるアピアランスは以下のとおりです。



• なし(None)：任意の macOS バージョンのアピアランスを提供します。


• 任意、ダーク(Any、Dark)：ダークモードに追加のアピアランスを提供します。(ライトモードには [任意の(Any)] アピアランスを使用します。)


• 任意、ライト、ダーク(Any、Light、Dark)：ライトモードとダークモードの両方に追加のアピアランスを提供します。







3. ハイコントラストのアピアランスを追加するには、[ハイコントラスト(High Contrast)] を選択します。



ハイコントラスト画像は、ユーザインターフェイス要素間のコントラストを高めるために使用されます。([システム環境設定] の[アクセシビリティ(Accessibility)] ペインで、ユーザは [表示(Display)] 設定でコントラストを変更できます。)



4. 画像のバリエーションを詳細エリアに表示されるウェルにドラッグします。

Interface Builder で使用するカラーセットを作成する 場合は、カラーセットのダークと、オプションでライトアピアランスを設定します。

1. プロジェクトナビゲータ で、アセットカタログを選択してから、画像セットを選択します。


2. 属性インスペクタで、[アピアランス(Appearances)] ポップアップメニューからアピアランスを選択します。



サポートできるアピアランスは以下のとおりです。



• なし(None)：任意の macOS バージョンのアピアランスを提供します。


• 任意、ダーク(Any、Dark)：ダークモードに追加のアピアランスを提供します。(ライトモードには [任意の(Any)] アピアランスを使用します。)


• 任意、ライト、ダーク(Any、Light、Dark)：ライトモードとダークモードの両方に追加のアピアランスを提供します。


3. ハイコントラストのアピアランスを追加するには、[ハイコントラスト(High Contrast)] を選択します。



ハイコントラスト画像は、ユーザインターフェイス要素間のコントラストを高めるために使用されます。([システム環境設定] の[アクセシビリティ(Accessibility)] ペインで、ユーザは [ハイコントラスト(High Contrast)] をオンにできます。)



4. [色域(Gamut)] ポップアップメニューから、デバイスが使用する色空間を選択します。


• 任意(Any)：指定されていない色域。


• sRGB およびディスプレイ P3：sRGB および P3 ディスプレイの色域を指定します。


5. 詳細エリアに表示されるウェルの色のバリエーションを設定します。