모바일용 넥스트 경험 테마 구성

테마를 활성화 넥스트 경험 하고 모바일 앱에 대한 테마를 만들고 적용하는 방법을 알아봅니다.

넥스트 경험 사용

중요사항:

이상 버전의 ServiceNow® 인스턴스에서 Utah 테마를 사용합니다넥스트 경험.

테마를 사용하려면 넥스트 경험 인스턴스에서 활성화해야 넥스트 경험 합니다. 활성화 지침 및 에 대한 자세한 내용은 넥스트 경험넥스트 경험에서 테마 탐색을 참조하십시오.

모바일 앱에 사용 가능한 테마

테마는 UX 테마 [sys_ux_theme] 테이블의 기록에 의해 정의됩니다. 인스턴스에는 모바일 UI에서 사용할 두 개의 기본 시스템 테마가 포함되어 있습니다.

Polaris

Polaris는 활성화된 인스턴스 넥스트 경험 의 기본 테마입니다.

모바일 색상 기본값이라는 새로운 핵심 UX 스타일[sys_ux_style] 기록이 Polaris 테마에 포함되어 있습니다. 이 기록은 수정할 수 없지만 사용자는 이 기록의 사본을 만들거나 새 테마 기록을 만들 수 있습니다. 새 기록이나 복사한 기록에 더 높은 우선순위 값을 지정하여 모바일 색상 기본 기록에 지정된 색상을 재정의합니다.

모바일 레거시

모바일 레거시는 대체 테마입니다. 활성화되지 넥스트 경험 않은 업그레이드 버전 Utah 이상의 인스턴스는 이 테마를 사용합니다.

Polaris 테마 아래에는 Mobile Colors Default라는 UX 스타일 [sys_ux_style] 레코드가 있습니다. 이 기록은 색상 변수 이름 및 이와 관련된 색상을 정의합니다.

테마 및 스타일 생성

인스턴스의 UX 테마 [sys_ux_theme] 테이블에 테마를 생성합니다 넥스트 경험 . 기본적으로 활성화된 인스턴스는 넥스트 경험Polaris 테마를 사용합니다. 활성화되지 않은 넥스트 경험 인스턴스는 모바일 레거시 테마를 사용합니다. 이러한 테마는 수정할 수 없지만 둘 중 하나를 복사하여 해당 사본을 변경할 수 있습니다.

각 UX 테마 기록은 인스턴스에 테마를 적용할 때 UI의 모양을 정의하는 하나 이상의 UX 스타일 [sys_ux_style] 기록과 연결됩니다. 테마 기록과 마찬가지로 기본 스타일 기록은 편집할 수 없지만 복사할 수 있습니다.

테마 구성에 대한 넥스트 경험 자세한 내용은 넥스트 경험 테마 및 기본 설정 구성을 참조하십시오.

중요사항:

모바일 앱은 UX 스타일의 색상 요소만 사용합니다. 테마의 글꼴, 섀도, 불투명도 및 기타 색상이 아닌 요소와 같은 요소는 모바일 UI의 모양을 변경하지 않습니다.

모바일 클라이언트에 테마 할당

에서 모바일 앱 모바일 앱 작성기 의 테마를 새 클라이언트 테마 사용 필드로 설정합니다. 클라이언트 테마 필드가 비어 있는 경우 인스턴스가 활성화되었는지 여부를 넥스트 경험 확인하고 모바일 앱에 사용할 UX 테마 [sys_ux_theme] 기록을 결정합니다. 이 활성화되면 넥스트 경험Polaris 테마가 사용됩니다. 비활성화되면 넥스트 경험모바일 레거시 테마가 사용됩니다. 클라이언트 테마 필드가 비어 있지 않은 경우 모바일 앱은 항상 필드에 지정된 테마를 사용하여 모바일 앱의 테마를 지정합니다.

사용자 지정 모바일 구성요소에 색상 변수 사용

모바일 구성요소를 디자인할 때 색상 변수를 사용하여 일관된 사용자 경험을 제공하십시오. 다음 구성요소는 색상 변수를 활용합니다.

• UI 규칙
• 탐색 섹션
• 맵 핀
• 아이콘
• 템플릿 뷰
• 모바일 뷰 단추
• 입력 설명 필드

색상 변수를 사용하는 방법은 빌드하는 구성요소에 따라 다릅니다. 이러한 각 구성요소에 색상 변수를 적용하는 방법에 대한 자세한 내용은 다음 문서를 참조하십시오 모바일에 대한 색상 테마 고려 사항.