Symfonium カスタムテーマ

カスタムテーマでは、Symfonium のインターフェースで使われる各色を個別に設定できます。アプリ内で作成するか、JSON ファイルからインポートした後、編集、名前変更、エクスポート、削除ができます。

カスタムテーマ設定を開く

カスタムテーマセクションでは、保存済みテーマの選択、JSON テーマのインポート、Symfonium 内でのテーマ作成ができます。

エディターには利用可能なカラーロールと各色のプレビューが表示されます。カラーロールと Symfonium のインターフェース要素の対応については、テーマカラーのドキュメントを参照してください。

カスタムカラーテーマでは、テーマのカラーデータを含む JSON ファイルを使用します。

インポートしたテーマはローカルに保存され、カスタムテーマ選択画面から引き続き利用できます。Symfonium Styles からテーマをインポートする場合は、ダウンロードした JSON ファイルの内容を編集せずに使用してください。

Symfonium のカラーロールは Material Design 3 の命名に従っているため、Google の Material Theme Builder または Material Theme Builder for Figma を出発点として利用できます。

Material Theme Builder で色を作成します。
Material Theme (JSON) 形式でテーマをエクスポートします。
エクスポートした JSON ファイルを Symfonium にインポートします。
バックアップや共有用に小さい Symfonium テーマファイルが必要な場合は、インポートしたテーマの名前を変更してから Symfonium でエクスポートします。

一部のロールには、Material Design の一般的な役割とは異なる Symfonium 固有の用途があります。これらの色を調整するときは、テーマカラーの対応表を確認してください。

インポートまたは作成したテーマをもう一度選択すると、管理ダイアログが開きます。

Symfonium Styles は、Symfonium のカラーテーマやその他のスタイルを共有するための審査付きカタログです。サインインしなくても公開テーマを閲覧してダウンロードできます。

カラーテーマを共有するには、次の手順を実行します。

最新の要件については、Symfonium Styles のカラーテーマのインポート手順とアップロードガイドラインを参照してください。