Mudando do Material para o Fluent Theme

    Desde a versão8.2, nossos componentes incluem um novo tema inspirado naMicrosoft Fluent Design System

    Para alternar entreMaterial o toFluent, você pode usar o mix embutido do tema.

    Também suportamos paletas de Word e Excel. Para usá-los, basta passar um dos dois mapas​$light-fluent-excel-palette de luz,$light-fluent-word-palette ou um dos dois mapas​dark-fluent-excel-palette escuros,$light-fluent-word-palette para otheme 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 theme(
  $palette: $light-fluent-palette, 
  $schema: $light-fluent-schema
);

// We can also include the Indigo font and font scaling
@include typography(
  $font-family: $fluent-typeface,
  $type-scale: $fluent-type-scale
);

    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 theme(
  $palette: $dark-fluent-palette, 
  $schema: $dark-fluent-schema
);

@include typography(
  $font-family: $fluent-typeface,
  $type-scale: $fluent-type-scale
);

    API Overview