Themes in Ignite UI for Blazor

Ignite UI for Blazor ships with four distinct themes - Bootstrap, Material, Fluent, and Indigo. All component themes are baked into the components, however, a global style file is required for palettes, typography, and other global configurations to work.

Loading a Theme

To enable a theme, a theme file should be loaded. Depending on your project configuration you can either import or link.

Here's the complete list of all bundled themes and their path:

Name	Variant	Location
**Bootstrap*-	Light	_content/IgniteUI.Blazor/themes/light/bootstrap.css
**Material*-	Light	_content/IgniteUI.Blazor/themes/light/material.css
**Fluent*-	Light	_content/IgniteUI.Blazor/themes/light/fluent.css
**Indigo*-	Light	_content/IgniteUI.Blazor/themes/light/indigo.css
**Bootstrap*-	Dark	_content/IgniteUI.Blazor/themes/dark/bootstrap.css
**Material*-	Dark	_content/IgniteUI.Blazor/themes/dark/material.css
**Fluent*-	Dark	_content/IgniteUI.Blazor/themes/dark/fluent.css
**Indigo*-	Dark	_content/IgniteUI.Blazor/themes/dark/indigo.css