Lightning コンポーネント開発者ガイド
jコミュニティの標準設計トークン
標準設計トークンのサブセットを使用して、コミュニティビルダーでブランドエディタと互換性のあるコンポーネントを作成します。ブランドエディタでは、システム管理者がブランドプロパティを使用してコミュニティ全体のスタイル設定をすばやく行うことができます。ブランドエディタの各プロパティは、1 つ以上の標準設計トークンと対応付けられます。システム管理者がブランドエディタのプロパティを更新すると、そのブランドプロパティに関連付けられたトークンを使用する Lightning コンポーネントが自動的に更新されます。
コミュニティに使用できるトークン
カスタマーサービス (Napili) テンプレートを使用するコミュニティには、force:base から拡張した場合に次の標準トークンを使用できます。
| ブランドエディタのプロパティ | 対応付けられる標準設計トークン |
|---|---|
| テキストの色 | colorTextDefault |
| 詳細テキストの色 |
|
| アクションの色 |
|
| リンクの色 | colorTextLink |
| フロート表示テキストの色 |
|
| 境界線の色 |
|
| 主要フォント | fontFamily |
また、次の標準トークンはカスタマーサービス (Napili) テンプレートの派生ブランドプロパティに使用できます。ブランドエディタでプロパティを更新すると、派生ブランドプロパティに間接的にアクセスできます。たとえば、ブランドエディタで [アクションの色] プロパティを変更した場合、新しい値に基づいて [アクションの濃い色] 値が自動的に再適用されます。
| 派生ブランドプロパティ | 対応付けられる標準設計トークン |
|---|---|
| アクションの濃い色 ([アクションの色] から派生) |
|
| フロート表示の色 ([アクションの色] から派生) |
|
| リンクの濃い色 ([リンクの色] から派生) |
|
SLDS で使用可能な設計トークンの完全なリストについては、Lightning Design System サイトの「設計トークン」を参照してください。