---
sourceDocument: Yokohama Mobile 구성 및 탐색
sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/ko-KR/yokohama/mobile

 Release :

    - yokohama

ft:locale :

    - ko-KR

ft:publication_title :

    - Yokohama Mobile 구성 및 탐색

ft:clusterId :

    - mobile

bundleId :

    - mobile

workflow :

    - evelopment, Data and Analytics


---

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

# 모바일용 넥스트 경험 테마 구성 {#ariaid-title1}

* 릴리스 버전: Yokohama
* 
* 업데이트 날짜 2025년 01월 30일
* 
* ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 소요 시간: 2분

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

## 넥스트 경험 사용 {#config-ne-theming__section_adj_vz5_xvb}

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

테마를 사용하려면 넥스트 경험 인스턴스에서 활성화해야 넥스트 경험 합니다. 활성화 지침 및 에 대한 자세한 내용은 넥스트 경험[넥스트 경험에서 테마 탐색을](https://www.servicenow.com/docs/access?context=next-experience-theming&version=yokohama&pubname=yokohama-platform-user-interface&ft:locale=en-US) 참조하십시오.

## 모바일 앱에 사용 가능한 테마 {#config-ne-theming__section_iwr_f1v_xvb}

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

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

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

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

## 테마 및 스타일 생성 {#config-ne-theming__section_lqb_d1v_xvb}

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

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

테마 구성에 대한 넥스트 경험 자세한 내용은 [넥스트 경험 테마 및 기본 설정 구성을](https://www.servicenow.com/docs/access?context=config-next-experience-themes-prefs&version=yokohama&pubname=yokohama-platform-user-interface&ft:locale=en-US) 참조하십시오.  
중요사항:  
모바일 앱은 UX 스타일의 색상 요소만 사용합니다. 테마의 글꼴, 섀도, 불투명도 및 기타 색상이 아닌 요소와 같은 요소는 모바일 UI의 모양을 변경하지 않습니다.

## 모바일 클라이언트에 테마 할당 {#config-ne-theming__section_ibz_3hd_dwb}

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

{#config-ne-theming__table_txx_53d_dwb}

## 사용자 지정 모바일 구성요소에 색상 변수 사용 {#config-ne-theming__section_axv_l1v_xvb}

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

* UI 규칙
* 탐색 섹션
* 맵 핀
* 아이콘
* 템플릿 뷰
* 모바일 뷰 단추
* 입력 설명 필드
{#config-ne-theming__ul_v55_5qf_zvb}

색상 변수를 사용하는 방법은 빌드하는 구성요소에 따라 다릅니다. 이러한 각 구성요소에 색상 변수를 적용하는 방법에 대한 자세한 내용은 다음 문서를 참조하십시오 [모바일에 대한 색상 테마 고려 사항](https://servicenow-prod.fluidtopics.net/bdmKJQOgQP751VFVfWb_BA "모바일 애플리케이션에서 색상을 사용하여 사용자 경험을 개선하는 방법을 알아봅니다. 환경에 적합한 색을 사용하면 사용자에게 앱을 안내하고 중요한 정보를 빠르게 식별할 수 있습니다.").