Material3 - boostcampwm-2024/and04-Nature-Album GitHub Wiki

색 규칙

Surface – 배경이나 화면의 크고 낮은 강조 영역에 사용되는 역할.
- 예) card, sheet, dialog
Primary, Secondary, Tertiary – 시각적 강조 역할 (주목해야할 컴포넌트).
- primary : 가장 중요한 요소(fab),
- secondary : 보조 강조(filter chips),
- tertiary : 최종 보조 강조
Container – 버튼과 같은 배경에 채우기 색상으로 사용되는 역할.
- 텍스트나 아이콘에 사용 금지.
On – 이 용어로 시작하는 역할은 페어링된 부모 색상 위에 있는 텍스트나 아이콘 색상을 의미.
- primary(버튼) 위에 onPrimary(텍스트)
Variant – 이 용어로 끝나는 역할은 변형되지 않은 쌍에 비해 덜 강조된 대안을 제공.
- 사용자에게 덜 주목되지만 관련성이 있는 보조 요소에 사용
- 예) outline : 텍스트 필드의 테두리 같은 중요한 경계선, outline variant : 장식 구분선
Inverse - 주변 UI의 색상과는 반대되는 색을 적용하여 대비 효과 생성.

6가지의 크기 지원

Card(shape = MaterialTheme.shapes.medium) { /* card content */ }