| 要素 | 説明 |
| ------------------ | --------------------------------------------------------------- |
| プライマリボタン | プライマリボタン、または次のアクションをトリガーするボタンを、選択した色で塗りつぶします。 |
| プライマリボタンラベル | プライマリボタン内のテキストの色を変更します。 |
| セカンダリボタンの境界線 | 入力フィールドの境界線を変更します。 |
| セカンダリボタンラベル | クリック可能なセカンダリフィールド内のテキストを変更します。 |
| リンクとフォーカス中のコンポーネント | パスワードのリセットや別の認証方法の試行など、別のワークフローを開始するリンクのテキスト色を変更します。 |
| 基本フォーカス色 | 選択前にマウスをボタンに重ねたときのボタンの色を変更します。 |
| 基本ホバー色 | ユーザーがボタンをクリックしたときのボタンの色を変更します。 |
| ヘッダー | ヘッダー内のタイトルのテキスト色を変更します。 |
| 本文テキスト | 本文テキストの色を変更します。 |
| ウィジェットの背景 | ウィジェットの背景色を変更します。 |
| ウィジェットの境界線 | ウィジェットの境界線の色を変更します。 |
| 入力ラベルとプレースホルダー | 入力フィールドのラベルとプレースホルダーテキストを変更します。 |
| 入力テキスト | ユーザーが入力フィールドに入力するテキストの色を変更します。たとえば、username フィールドやパスワードフィールドです。 |
| 入力境界線 | 入力フィールドの境界線の色を変更します。 |
| 入力背景 | 入力フィールドの背景色を変更します。 |
| アイコン | 入力フィールド内のアイコンの色を変更します。 |
| エラー | ウィジェット内のエラーメッセージの色を変更します。 |
| 成功 | ウィジェット内の成功メッセージの色を変更します。 |
変更を加えると、プレビューウィンドウに、指定した変更が適用されたウィジェットの例がいくつか表示されます。
