> ## Documentation Index
> Fetch the complete documentation index at: https://docs-dev-actions-triggers-prototype.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# MFAウィジェットテーマオプション

> MFAウィジェットテーマオプションを使用して、MFAページのテーマプロパティをカスタマイズする方法について説明します。

<Tooltip data-tooltip-id="react-containers-DefinitionTooltip-0" href="/docs/ja-jp/glossary?term=multifactor-authentication" tip="多要素認証（MFA）: ユーザー名とパスワードに加えて、SMS経由のコードなどの要素を使用するユーザー認証プロセス。" cta="用語集の表示">MFA</Tooltip>ページにクラシックログインを使って独自のHTMLを使用している場合には、Auth0 MFAウィジェットが使用され、以下の制限が適用されます。

* メールを使ったMFAには対応していません。
* ユーザーが1つ以上の要素を登録した場合、ユーザーは使用する要素を選択できません。MFAウィジェットがログインに最も安全な要素を使って、ユーザーに認証を求めます。
* ユニバーサルログインの[国際化](/docs/ja-jp/customize/internationalization-and-localization/universal-login-internationalization)機能は使用できません。

MFAウィジェットのテーマオプションは、`theme`プロパティで名前空間化されます。

| オプション          | 説明                                                                            |
| -------------- | ----------------------------------------------------------------------------- |
| `icon`         | ヘッダーに使用される画像のURL。デフォルトはAuth0のロゴ。推奨される高さは58ピクセルです。                             |
| `primaryColor` | MFAウィジェットの主な色を定義します。カスタム`icon`を使用する際に、補完的な色合いを確保するのに便利です。デフォルトは「`#ea5323`」です。 |

## 例

```javascript lines theme={null}
return new Auth0MFAWidget({

...

  theme: {
    icon: 'https://example.com/assets/logo.png',
    primaryColor: 'blue'
  },
  
...  
  
})
```

[auth0-guardian.js](https://github.com/auth0/auth0-guardian.js)を使用した[Guardianの基本ウィジェットの例](https://github.com/auth0/auth0-guardian.js/blob/master/example/basic_widget.html)を参照してください。詳細については、[readme](https://github.com/auth0/auth0-guardian.js/tree/master/example)をお読みください。

## もっと詳しく

* [クラシックログインにおけるMFAのカスタマイズ](/docs/ja-jp/secure/multi-factor-authentication/customize-mfa/customize-mfa-classic-login)
* [MFAテーマの言語辞書](/docs/ja-jp/secure/multi-factor-authentication/customize-mfa/mfa-theme-language-dictionary)