テーマ

ルート階層に theme 辞書を設定すると、インターフェース全体に統一されたスタイルを適用できます。すべてのコンポーネントとサブページは、ルート階層のテーマ辞書にある全フィールドを継承します。

ヒント

コンポーネントごとにスタイルを設定するには、各コンポーネントの辞書に theme 辞書を設定します。コンポーネントの theme フィールドは、ルート階層の theme をフィールド単位で上書きする形でマージされます。コンポーネントごとに固有のテーマプロパティを設定できます。詳しくは、各コンポーネントの テーマキー 表を参照してください。

コンポーネントが XUI 以外のサブページ（Option、MultipleOption、OrderedOption、EditableList など）にリンクしている場合、サブページにはコンポーネントの theme 辞書が使用されます。コンポーネントが別の XUI サブページ（Link など）にリンクしている場合は、サブページに独自の theme 辞書を設定し、親ページのテーマとマージできます。

インターフェース

キー	型	説明
style	スタイル	インターフェースのスタイル
tintColor	色	前景色
backgroundColor	色	背景色
separatorColor	色	コンポーネントの区切り線の色
backgroundImage	文字列	背景画像の相対パス

ナビゲーションバー

キー	型	説明
navigationBarColor	色	ナビゲーションバーの背景色
navigationTitleColor	色	ナビゲーションバーのタイトル色

ヘッダーとフッター

キー	型	説明
headerTextColor	色	header の文字色
subheaderTextColor	色	subheader の文字色
footerTextColor	色	フッターの文字色
headerBackgroundColor	色	header の背景色
footerBackgroundColor	色	フッターの背景色

共通コンポーネント

キー	型	説明
cellBackgroundColor	色	コンポーネントの背景色
disclosureIndicatorColor	色	コンポーネントのインジケーター色
selectedColor	色	選択時の色
highlightedColor	色	ハイライト色
labelColor	色	タイトルの文字色
valueColor	色	値の文字色

状態

キー	型	説明
dangerColor	色	エラーの色
warningColor	色	警告の色
successColor	色	成功の色

スタイル

style	説明
Grouped	グループスタイル（デフォルト）
Plain	フラットスタイル

型が 色 の値は、# で始まる十六進数の RGB/RGBA 文字列です。たとえば、#FF0000 は赤を表します。