ウォレットUIのテーマ設定

UIのカスタマイズの実装から始めてください。 Seamsは、アプリオリジンのReactコンポーネントと、ウォレットオリジンの保護された画面の2か所にUIを表示します。 両方で、同じ役割の色と同じ形状設定を使ってください。

テーマを適用する

• アプリ側のReactコンポーネントには、Themeとそのトークンを使います。
• ウォレットiframe内の認証メニュー、確認画面、エクスポートビューアーには、SDK設定時のappearance、 またはseams.config.setAppearanceを使います。
• LIGHT_TOKENS、DARK_TOKENS、およびSHAPE_PRESETSのいずれかを基に設定します。
• 色の役割を上書きする際は、ライト・ダーク両方の値を揃えます。
• パレットを変更したら、テキストのコントラスト、フォーカスの見やすさ、状態の伝わり方、強制カラーモードでの表示を確認してください。

詳細なトークンとコードは、テーマ設定のリファレンスを参照してください。