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
에서 페이지 보기
GitHub