Material에서 Fluent 테마로 전환

    버전8.2 이후로 우리의 구성 요소에는 새로운 테마가 포함되어 있습니다.Microsoft Fluent Design System

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

    워드와 엑셀 팔레트도 지원합니다. 사용하려면 두 가지 중 하나를 통과하면 됩니다 빛 지도$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