Switching from Material to Fluent Theme

    Since version 8.2 our components include a new theme inspired by the Microsoft Fluent Design System

    In order to switch from Material to Fluent, you can use one of the build-in mixins.

    We support Word and Excel palettes. To use them just pass one of the two maps $light-fluent-excel-palette or $light-fluent-word-palette to the theme mixin:

    Fluent Light Theme

    @use "igniteui-angular/theming" as *;

// IMPORTANT: Prior to Ignite UI for Angular version 13 use:
// @import '~igniteui-angular/lib/core/styles/themes/index';
@include core();
@include fluent-light-theme($light-fluent-excel-palette);

    Fluent Dark Theme

    @use "igniteui-angular/theming" as *;

// IMPORTANT: Prior to Ignite UI for Angular version 13 use:
// @import '~igniteui-angular/lib/core/styles/themes/index';
@include core();
@include fluent-dark-theme($dark-fluent-excel-palette);

    API Overview