2016-07-21 5 views
1

나는 각 재료를 사용하는 것을 시도하고있다가 사용 빛깔 각도 재료 의도와 구성 요소

나는 모든 것을 읽어 각 각도 재질 ui 지시어가 테마에 설정된 다양한 의도 팔레트 및 색상을 사용하는 방법을 설명하는 가이드가있는 경우 방황하고있었습니다.

내가 이것을 묻는 이유는 모든 것이 표준 팔레트를 선택하는 것처럼 느껴진다는 것입니다. 그러나 우리가 변화를 원할 때 순간 우리는 그 의미에 대해 눈이 멀게됩니다.

(예를 들어, 당신은 어떻게 볼 수 있도록하지 undeline 원인 텍스트 상자의 밑줄 색상으로, 예를 들어 사용되는 몇 가지 악센트 컬러와 같은 색상 인 배경색에게 끝을 선택하는 상황을 방지하기 위해.)

답변

0

언급 된 문서에는 한 가지 부분이 있습니다.

기본적으로하고 MD-색상-1, MD-색상-2에 대한 의도 그룹에 의해 사용됩니다 당신은 팔레트에서 색상을 지정할 수 있습니다

컬러 의도에 대한 지정 사용자 정의 색채 , md-hue-3 클래스.

기본적으로 음영 500, 300 800 및 A100은 주 경고 및 경고 의도로 사용되고 A200, A100, A400 및 A700은 악센트로 사용됩니다.

소스의 각 구성 요소에서 사용되는 색조/음영을 확인할 수 있습니다. https://github.com/angular/material/blob/master/src/components/input/input-theme.scss

그리고 각 색상/음영이 무엇에 사용되는지 알려주는 공식 자료 디자인 스타일 가이드가 있습니다. https://material.google.com/style/color.html#color-color-palette

+0

예, * -them.scss 파일을 찾을 수 있었으며 실제로 어느 정도 도움이되었습니다. 나는 그 scss 파일들에 저장된 정보의 일부 cheetsheet/summary를 기대하고 있었다 ... – epeleg

+0

어떤 것이 md-hue-1/2/3의 기본값인가? – ANinJa