각도 2 재질 버튼의 밝고 어두운 색상 사용

Question

전체 스타일링을 손으로 다시 만들지 않고 각도 2 소재의 단추로 기본 색상이나 강조 색상의 더 밝고 어두운 색상을 사용하는 우아한 방법이 있습니까?

Answer 1

당신은 당신이 지금처럼하는 SCS 파일 및 대상 물질 색상에 재질 테마를 가져올 수 있습니다 말대꾸를 사용하는 경우 :

app.component.scss을

@import '~@angular/material/theming'; 

.buttonPrimary { 
    background-color: mat-color($mat-purple, 200); 
} 

.buttonAccent { 
    background-color: mat-color($mat-amber, A200); 
} 

app.component.html

<button md-raised-button class="buttonPrimary">primary</button> 
<button md-raised-button class="buttonAccent">accent</button>