設定プロパティ

settings は theme.json のトップレベルプロパティであり、定義できる複数のネストされたプロパティを持っています。そして、そのネストされたプロパティのいくつかは、独自の複数のネストレベルを持っています。

以下は、theme.json ファイルの文脈におけるこれらのプロパティの全体的な概要です: 

  1. {
  2.     "version": 2,
  3.     "settings": {
  4.         "appearanceTools": false,
  5.         "border": {},
  6.         "color": {},
  7.         "custom": {},
  8.         "dimensions": {},
  9.         "layout": {},
  10.         "position": {},
  11.         "shadow": {},
  12.         "spacing": {},
  13.         "typography": {},
  14.         "useRootPaddingAwareAlignments": false,
  15.         "blocks": {}
  16.     }
  17. }

設定ドキュメント

以下のリンクを使用して、theme.json ファイルで構成できる特定の設定を探索してください:

  • appearanceTools: 他の複数の設定を有効にするためのキャッチオール設定。
  • border: ボーダーの幅、スタイル、色、および半径を制御するために使用されます。
  • color: カラーパレット、グラデーション、デュオトーンを登録し、色に関連する設定を構成できます。
  • custom: カスタム設定を追加するためのオブジェクトで、CSSカスタムプロパティとして出力されます。
  • dimensions: 最小高さ設定を構成できます。
  • layout: コンテンツや広い幅のレイアウトプロパティを設定するために使用されます。
  • lightbox: 画像のライトボックス機能を構成できます。
  • position: 現在、スティッキー位置のサポートを定義できます。
  • shadow: ボックスシャドウのサポートを構成し、カスタムシャドウプリセットを定義できます。
  • spacing: マージンやパディングなど、間隔に関連する設定を構成するために使用されます。
  • typography: タイポグラフィに関連する設定を構成し、カスタムフォントサイズを定義し、フォントファミリーを登録するために使用されます。
  • useRootPaddingAwareAlignments: ルート要素のパディングがどのように機能するかに関するブール設定。
  • blocks: ブロックごとの設定を構成するためのオブジェクトです。

テーマハンドブックは、theme.json スキーマに基づいて利用可能な設定のリファレンスも維持しています。