---
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) 소요 시간: 1분

색상 변수를 사용하여 모바일 카드 뷰 버튼의 테마를 변경하는 방법에 대해 알아봅니다.

|-|-|
| 카드 템플릿 요소 속성의 색상 변수를 사용하여 모바일 카드의 아이콘 버튼에 대한 색상 값을 제어합니다. 다음과 같은 색상 변수를 사용할 수 있습니다. * BackgroundColorVariable * BorderColorVariable * TextColorVariable {#color-var-cardview-button__ul_rhh_pg2_zvb} 이러한 속성에 대한 자세한 내용은 다음 문서를 참조하십시오 [카드 템플릿 요소 속성](https://servicenow-prod.fluidtopics.net/piMRog5UG00gSmbLxnh1xw "이 참조를 사용하여 카드 템플릿 요소에 사용할 속성을 결정합니다."). |   |
[ ]

{#color-var-cardview-button__table_w1s_df2_zvb}

## 버튼 스타일 가이드 {#color-var-cardview-button__section_s2p_lqn_cxb}

{#color-var-cardview-button__table_rwx_4ny_mxb__entry__3}

| 색상 | 예 | 변수 |
|-|-|-|
| 기본 | ![기본 버튼 예]() | 배경 :   모바일 변수: `기본` 웹 변수: `now-color--primary-1` 텍스트 :   모바일 변수: `텍스트 실행 가능` 웹 변수: `now-color_text--primary-actionable` |
| 보조 | ![보조 버튼 예]() | 배경 :   모바일 변수: `백그라운드 기본` 웹 변수: `now-color_background--primary` 텍스트 :   모바일 변수: `기본` 웹 변수: `now-color--primary-1` 테두리(2px) :   모바일 변수: `기본` 웹 변수: `now-color--primary-1` |
| 긍정적 | ![양수 단추 예]() | 배경 :   모바일 변수: `양수` 웹 변수: `now-color_alert--positive-3` 텍스트 :   모바일 변수: `텍스트 실행 가능` 웹 변수: `now-color_text--primary-actionable` |
| 소거식 | ![파괴적인 버튼 예]() | 배경 :   모바일 변수: `파괴적` 웹 변수: `now-color_alert--critical-3` 텍스트 :   모바일 변수: `텍스트 실행 가능` 웹 변수: `now-color_text--primary-actionable` |
| 기본 | ![기본 버튼 예]() | 배경 :   모바일 변수: `기본`/`양수`/`파괴` 웹 변수: `now-color--primary-1`/ `now-color_alert--긍정적-3`/ `now-color_alert--critical-3` 텍스트 :   모바일 변수: `텍스트 실행 가능` 웹 변수: `now-color_text--primary-actionable` 주: 이 버튼은 기본, 양수 또는 파괴 색상으로 구성할 수 있습니다. |
| 사용 안 함 | ![비활성화된 버튼 예]() | 오프라인 상태에서 작업을 사용할 수 없는 경우 이 스타일을 사용합니다. 기본, 보조, 텍스트/아이콘 등 모든 스타일에 사용할 수 있습니다. |
[ ]

{#color-var-cardview-button__table_rwx_4ny_mxb}