Cambiar de tema material a fluido

    Desde la versión8.2, nuestros componentes incluyen un nuevo tema inspirado en laMicrosoft Fluent Design System

    Para cambiar deMaterial a,Fluent puedes usar el mixin integrado de temas.

    También soportamos paletas de Word y Excel. Para usarlos, solo hay que pasar uno de los dos luz Mapas$light-fluent-excel-palette,$light-fluent-word-palette o uno de los dos oscuro Mapasdark-fluent-excel-palette,$light-fluent-word-palette a latheme Mezcla:

    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