2017-11-23 1 views
0

텍스트와 헤더, 링크 등의 HTML 요소에 앵귤러 재질 테마를 사용할 수 있습니까?Ho가 모든 마크 업 요소에 각도 테마를 사용 하시겠습니까?

나는 다음과 같은 것을 사용하고 싶습니다 :

<h2 color="'primary'">Text to be colored</h2> 

을 나는 검색하고, 예를 들어 본 게시물을 발견되었습니다 Get Material 2 theme color scheme/palette for other elements이지만 너무 많이 보이는 것 같아서 css 대신 단지 scss 개의 파일 만 사용하는 것에 동의하지 않을 것입니다.

더 간단한 방법이 있나요? 예를 들어 theme.scss에 다른 요소에 대한 추가 정의를 추가 하시겠습니까?

답변

1

당신은 당신의 스타일의 색상을 설정하는 클래스를 사용할 수 있습니다 : 예

.app-primary { 
    /* Insert hard-coded value here */ 
    color: #3F51B5; 
} 
+0

:

$app-primary: mat-palette($mat-indigo); // ... .app-primary { color: mat-color($app-primary); } 

또는 :

<h2 class="app-primary">Primary</h2> 

이 방법은 사용자 정의 테마를 가지고 있다고 가정 , 나는 커스텀 테마를 가지고있다 : @import '~ @ angular/material/theming'; @include mat-core(); $ app-primary : 매트 - 팔레트 ($ mat-pink, 700, 900); $ app-accent : 매트 - 팔레트 ($ mat-light-green, 600, 900, A100); $ app-warn : 매트 - 팔레트 ($ 매트 - 그레이); $ app-theme : mat-light-theme ($ app-primary, $ app-accent, $ app-warn); @ 포함 축 재료 테마 ($ app-theme); ' –

+1

첫 번째 옵션은 매력처럼 작동합니다! 결정된. –