Material에서 Fluent 테마로 전환

    버전 8.2부터 구성 요소 Microsoft Fluent Design System에서 영감을 받은 새로운 테마가 포함됩니다.

    에서 전환 Material​ ​Fluent 하려면 테마 내장 믹스인을 사용할 수 있습니다.

    Word 및 Excel 팔레트도 지원합니다. 이를 사용하려면 두 개의 라이트 맵 $light-fluent-excel-palette​ ​$light-fluent-word-palette 중 하나 또는 두 개의 다크 맵 dark-fluent-excel-palette​ ​$light-fluent-word-palette 중 하나를 믹스인에 전달하기만 하면 됩니다. theme​

    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