Ignite UI for Blazor のテーマ
Ignite UI for Blazor には、Bootstrap、Material、Fluent、Indigo の 4 つの異なるテーマが付属しています。すべてのコンポーネント テーマはコンポーネントに組み込まれていますが、パレット、タイポグラフィ、およびその他のグローバル構成を機能させるには、グローバル スタイル ファイルが必要です。
テーマの読み込み
テーマを有効にするには、テーマ ファイルを読み込む必要があります。プロジェクトの構成に応じて、インポートまたはリンクすることができます。
バンドルされているすべてのテーマとそのパスの完全なリストは次のとおりです:
| 名前 | バリアント | 場所 |
|---|---|---|
| **Bootstrap*- | ライト | _content/IgniteUI.Blazor/themes/light/bootstrap.css |
| **Material*- | ライト | _content/IgniteUI.Blazor/themes/light/material.css |
| **Fluent*- | ライト | _content/IgniteUI.Blazor/themes/light/fluent.css |
| **Indigo*- | ライト | _content/IgniteUI.Blazor/themes/light/indigo.css |
| **Bootstrap*- | ダーク | _content/IgniteUI.Blazor/themes/dark/bootstrap.css |
| **Material*- | ダーク | _content/IgniteUI.Blazor/themes/dark/material.css |
| **Fluent*- | ダーク | _content/IgniteUI.Blazor/themes/dark/fluent.css |
| **Indigo*- | ダーク | _content/IgniteUI.Blazor/themes/dark/indigo.css |