スタイル（Styles）

スタイルプロパティ

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

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

{
    "version": 2,
    "styles": {
        "elements": {},
        "blocks": {}
    }
}

以下は、カスタム theme.json ファイルにおける styles プロパティの例です。これは、その構造を理解するのに役立ちますが、このハンドブックのこのセクションを読み進めるにつれて、さらに深く掘り下げていくことになります:

{
    "version": 2,
    "styles": {
        "color": {
            "text": "#000000",
            "background": "#ffffff"
        },
        "elements": {
            "button": {
            "color": {
            "text": "#ffffff",
            "background": "#000000"
            }
            }
        },
        "blocks": {
            "core/code": {
            "color": {
            "text": "#ffffff",
            "background": "#000000"
            }
            }
        }
    }
}

スタイルのドキュメント

以下のリンクを使用して、theme.json ファイルを介してスタイルを構成する方法を探ります:

• スタイルの適用: 標準の JSON 構文を使用してテーマにカスタムスタイルを適用する方法。
• プリセットの使用: スタイルの settings プロパティを介して構成したプリセットを使用する方法。
• スタイルリファレンス: theme.json で使用できるスタイルプロパティのリファレンスガイド。