모바일용 Next Experience 테마 구성

  • 릴리스 버전: Washingtondc
  • 업데이트 날짜 2024년 02월 01일
  • 읽기3분
  • 테마를 활성화 Next Experience 하고 모바일 앱용 테마를 생성하고 적용하는 방법에 대해 알아봅니다.

    Next Experience 사용 설정

    중요사항:
    인스턴스의 Utah 테마 및 이후 버전을 ServiceNow® 사용합니다Next Experience.

    테마를 사용하려면 Next Experience 인스턴스에서 활성화한 상태 Next Experience 여야 합니다. 활성화 지침 및 에 대한 Next Experience자세한 내용은 Next Experience에서 테마 탐색을 참조하십시오.

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

    테마는 UX 테마 [sys_ux_theme] 테이블의 기록으로 정의됩니다. 인스턴스에는 모바일 UI에서 사용할 두 가지 기본 시스템 테마가 포함되어 있습니다.
    Polaris
    Polaris는 사용 설정된 인스턴스의 기본 테마입니다 Next Experience .
    모바일 색상 기본값이라는 새로운 핵심 UX 스타일 [sys_ux_style] 기록이 Polaris 테마에 포함되어 있습니다. 이 기록은 수정할 수 없지만 사용자는 이 기록의 사본을 만들거나 새 테마 기록을 만들 수 있습니다. 새 기록이나 복사한 기록에 더 높은 우선순위 값을 부여하여 모바일 색상 기본 기록에 지정된 색상을 재정의합니다.
    모바일 레거시
    모바일 레거시는 대체 테마입니다. 로 업그레이드 Utah 되거나 그 이후에 활성화되지 않은 Next Experience 인스턴스는 이 테마를 사용합니다.

    Polaris 테마 아래에는 모바일 색상 기본값이라는 UX 스타일 [sys_ux_style] 기록이 있습니다. 이 기록은 색상 변수 이름과 관련된 색상을 정의합니다.

    테마 및 스타일 생성

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

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

    Next Experience 테마 및 기본 설정 구성에서 테마 구성에 대해 Next Experience 자세히 알아보십시오.

    중요사항:
    모바일 앱은 UX 스타일의 색상 요소만 사용합니다. 테마의 글꼴, 그림자, 불투명도 및 기타 비색 요소와 같은 요소는 모바일 UI의 모양을 변경하지 않습니다.

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

    클라이언트 테마 필드를 사용하여 모바일 앱에 모바일 앱 작성기 대한 테마를 설정합니다.

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

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

    일관된 사용자 경험을 제공하려면 모바일 구성요소를 디자인할 때 색상 변수를 사용하십시오. 다음 구성요소는 색상 변수를 이용합니다.
    • UI 규칙
    • 탐색 섹션
    • 맵 핀
    • 아이콘
    • 템플릿 보기
    • 모바일 뷰 버튼
    • 입력 설명 필드

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