UI 규칙에 대한 색상 변수 지원
색상 변수를 사용하여 모바일 UI 규칙에서 테마를 변경하는 방법에 대해 알아봅니다.
운영 필드가 UI 스타일 설정으로 설정된 UI 규칙의 값 필드에 다음 색상 변수를 사용합니다.
UX 테마 속성 [sys_ux_theme_property] 테이블에서 색상 변수를 정의할 수 있습니다. 사용 가능한 변수 목록은 아래의 색상 디자인 가이드를 참조하십시오. 예:
이러한 UI 규칙 작업 생성에 대한 자세한 내용은 을 참조하십시오 모바일 UI 규칙 작업 생성. |
모바일 UI 규칙 색상 가이드
색상 변수는 다음과 같이 나뉩니다. 디자인 가이드라인을 사용하여 사용 사례에 적합한 색상 변수를 식별합니다.
- 경보 색상표
- 경보 색상표 색상은 중요한 상태, 상태 및 작업을 강조 표시합니다. 장식이나 정리를 위한 것이 아니라 특정 의미를 전달하기 위해 경고 색상을 사용합니다.
- 그룹화된 색상표
- 그룹화된 색상표 색상은 산업 계열의 색상 규칙을 따릅니다. 색상이 지정된 항목이 특정 산업 또는 사업부와 연관되어 있음을 나타내려면 이러한 색상을 사용합니다. 각 색의 의미는 컨텍스트에 따라 다르지만 앱 내에서 일관되게 유지되어야 합니다.
| 색 이름 | 예 | 색 변수 |
|---|---|---|
| 중요 |
|
|
| 높음 |
|
|
| 경고 |
|
|
| 보통 |
|
|
| 정보 |
|
|
| 긍정적 |
|
|
| 낮음 |
|
|
| 사용 안 함 |  |
|
| 위험(대체) |  |
|
| 높음(대체) |  |
|
| 경고(대체) |  |
|
| 보통(대체) |  |
|
| 정보(대체) |  |
|
| 양수(대체) |  |
|
| 낮음(대체) |  |
|
| 사용 안 함(대체) |  |
|
| 색 이름 | 예 | 색상 옵션 |
|---|---|---|
| 파란색 |  |
|
| 갈색 |  |
|
| 회색 |  |
|
| 녹색 |  |
|
| 녹색-노란색 |  |
|
| 자홍색 |  |
|
| 주황색 |  |
|
| 분홍색 |  |
|
| 보라색 |  |
|
| 청록색 |  |
|
| 노란색 |  |
|
| 파란색(대체) |  |
|
| 브라운 (대체) |  |
|
| 회색(대체) |  |
|
| 녹색(대체) |  |
|
| 녹색-노란색(대체) |  |
|
| 마젠타(대체) |  |
|
| 주황색(대체) |  |
|
| 분홍색(대체) |  |
|
| 보라색(대체) |  |
|
| 청록색(대체) |  |
|
| 노란색(대체) |  |
|