입력 설명에 대한 색상 변수 지원
색상 변수를 사용하여 모바일 입력 설명의 테마를 변경하는 방법을 알아봅니다.
입력의 설명 필드에서 색상 변수를 사용하여 텍스트 색상을 제어합니다. 설명 필드가 HTML로 구성된 경우 입력의 설명 필드에서 색상 변수를 사용하여 텍스트 색상을 제어합니다. 예를 들어 입력에 대한 자세한 내용은 다음 문서를 참조하십시오 입력 양식 화면 구성. |
입력 설명 색상 가이드
색상 변수는 다음과 같이 나뉩니다. 설계 가이드라인을 사용하여 사용 사례에 적합한 색상 변수를 식별합니다.
- 경보 색상표
- 경보 색상표 색상은 중요한 상태, 상태 및 작업을 강조 표시합니다. 경보 색상은 장식이나 정리보다는 특정 의미를 전달할 때 사용합니다.
- 그룹화된 색상표
- 그룹화된 색상표 색상은 산업 라인의 색상 규칙을 따릅니다. 이 색상을 사용하여 색상이 지정된 항목이 특정 산업 또는 사업부와 관련이 있음을 보여줍니다. 각 색상의 의미는 컨텍스트에 따라 다르지만 앱 내에서 일관성을 유지해야 합니다.
| 색 이름 | 예제 | 색상 변수 |
|---|---|---|
| 심각 |
|
|
| 높음 |
|
|
| 경고 |
|
|
| 보통 |
|
|
| 정보 |
|
|
| 긍정적 |
|
|
| 낮음 |
|
|
| 사용 안 함 |  |
|
| 중요(대체) |  |
|
| 높음(대체) |  |
|
| 경고(대체) |  |
|
| 보통(대체) |  |
|
| 정보(대체) |  |
|
| 긍정적(대체) |  |
|
| 낮음(대체) |  |
|
| 사용 안 함(대체) |  |
|
| 색 이름 | 예제 | 색 옵션 |
|---|---|---|
| 파랑 |  |
|
| 갈색 |  |
|
| 회색 |  |
|
| 녹색 |  |
|
| 녹색-노란색 |  |
|
| 자홍색 |  |
|
| 주황 |  |
|
| 분홍색 |  |
|
| 보라 |  |
|
| 청록색 |  |
|
| 황색 |  |
|
| 파란색(대체) |  |
|
| 갈색(대체) |  |
|
| 회색(대체) |  |
|
| 녹색(대체) |  |
|
| 녹색-노란색(대체) |  |
|
| 마젠타(대체) |  |
|
| 주황색(대체) |  |
|
| 분홍색(대체) |  |
|
| 보라색(대체) |  |
|
| 청록색(대체) |  |
|
| 노란색(대체) |  |
|