Material에서 Indigo 테마로 전환

    버전 10.1부터 우리 구성 요소에는 우리 고유의 디자인 언어에서 영감을 받은 새로운 테마가 포함되어 있습니다.

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

    Indigo 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-indigo-palette, 
      $schema: $light-indigo-schema
    );
    
    // We can also include the Indigo font and font scaling
    @include typography(
      $font-family: $indigo-typeface,
      $type-scale: $indigo-type-scale
    );
    scss

    Indigo 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-indigo-palette, 
      $schema: $dark-indigo-schema
    );
    
    @include typography(
      $font-family: $indigo-typeface,
      $type-scale: $indigo-type-scale
    );
    scss

    API Overview