---
sourceDocument: Xanadu API 참조
sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/ko-KR/xanadu/api-reference

 Release :

    - xanadu

ft:locale :

    - ko-KR

ft:publication_title :

    - Xanadu API 참조

ft:clusterId :

    - crapiref

bundleId :

    - crapiref

workflow :

    - Creator


---

# NowChatColoring 프로토콜 - iOS

# NowChatColoring 프로토콜 - iOS {#ariaid-title1}

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

NowChatColoring 프로토콜은 및 가상 에이전트 채팅 UI의 라이브 에이전트 요소에 대한 기본 색상을 정의합니다.

이러한 기본 색상을 수정하고 특정 채팅 구현을 위한 고유한 테마를 만들 수 있습니다.
{#NowChatColoringiOSProtocol__table_vx2_klw_5pb__entry__2}

| 이름 | 설명 |
|-|-|
| alertCritical0 | 경보 팝업 배경에 적용되는 색상입니다. 기본 진한 색: #7B1E28 기본 연한 색: #F8C8CD |
| alertCritical3 | 경보 팝업 아이콘 및 막대에 적용되는 색상입니다. 기본 진한 색: #E46876 기본 연한 색: #B61C2D |
| backgroundPrimary (배경) | 채팅 뷰 배경, 선택 선택기, 입력 배경 및 카드 배경에 적용되는 배경색입니다. 기본 진한 색: #07080B 기본 연한 색: #FFFFFF |
| backgroundPrimaryActionable (배경기본작업 가능) | 선택한 페이지 매김 및 팝업 배경에 적용되는 배경색입니다. 기본 진한 색: #FFFFFF 기본 밝은 색상: #151920 |
| backgroundSecondary | 하단 막대, 카드의 열, 선택 선택기의 검색 배경에 적용되는 배경색입니다. 기본 어두운 색상: #151920 기본 연한 색: #F6F6F8 |
| backgroundSecondaryActionable | 검색 배경 및 날짜/시간 배경과 같이 선택 가능한 입력에 적용되는 배경색입니다. 기본 진한 색: #C1C5CD 기본 연한 색: #2C323F |
| 배경3차 | 에이전트 및 봇 채팅 버블에 적용되는 배경색입니다. 기본 진한 색: #252A35 기본 밝은 색상: #E4E6EA |
| border3차 | 채팅 입력 테두리에 적용되는 색상입니다. 기본 진한 색: #454D5B 기본 연한 색: #D3D6DC |
| 낙인 | 페이지를 로드하는 동안 표시되는 활동 표시기에 적용되는 색상입니다. 기본 진한 색: #302F4B 기본 연한 색: #302F4B |
| brandBackground | 사용자 거품형 배경에 적용되는 배경색입니다. 기본 진한 색: #28284D 기본 연한 색: #D1D2EE |
| 파괴적인 | 파괴적인 작업(예: 삭제)을 트리거하는 UI 요소에 적용되는 색상 기본 진한 색: #E46876 기본 연한 색: #B61C2D |
| linkPrimaryText (영문) | 링크처럼 동작하는 링크 및 UI 요소에 적용되는 색상입니다. 기본 진한 색: #647BFD 기본 연한 색: #3C59E7 |
| linkSecondary | 비중립(흰색이 아닌) 배경의 링크에 적용되는 색상입니다. 기본 진한 색: #93A3FE 기본 연한 색: #293D9E |
| 알림 | 새 메시지 표시기에 적용되는 색상입니다. 기본 진한 색: #E46876 기본 밝은 색상 : #B61C2D |
| nowUICol또는 | 모든 NowSDK UI 요소에 사용되는 기초 UI 색상 테마입니다. |
| 기본 | 단추 또는 실행 가능한 텍스트에 적용되는 색상입니다. 기본 진한 색: #8486FF 기본 연한 색: #4F52BD |
| screen헤더텍스트 | 채팅 화면 헤더의 텍스트에 적용되는 색상입니다. 기본 진한 색: #FFFFFF 기본 연한 색: #FFFFFF |
| 보조 | 살짝 밀기 동작에 적용되는 색상입니다. 기본 진한 색: #CECFFF 기본 연한 색: #1C1D42 |
| separatorPrimary | 채팅 입력 테두리에 적용되는 색상입니다. 기본 진한 색: #8F95A1 기본 연한 색: #8F95A1 |
| 구분 기호3차 | 구분선에 적용되는 색상입니다. 기본 진한 색: #353B49 기본 연한 색: #D3D6DC |
| 그림자 | 카드 섀도에 적용되는 색상입니다. 기본 어두운 색상: #151920 기본 밝은 색상: #151920 |
| textActionable | 버튼 텍스트나 강조 표시된 배경에 적용되는 색상입니다. 기본 진한 색: #07080B 기본 연한 색: #FFFFFF |
| textSecondary | 카드 콘텐츠와 검색 창 아이콘 및 텍스트에 적용되는 색상입니다. 기본 진한 색: #C1C5CD 기본 연한 색: #2C323F |
| text3차 | 달력 및 자리 표시자로 평일에 적용되는 색상입니다. 기본 진한 색상: ##8F95A1 기본 연한 색: #454D5B |
[표 1. 속성]

{#NowChatColoringiOSProtocol__table_vx2_klw_5pb} 다음은 NowChatColoring에 사용되는 기본 색을 보여 줍니다. 이러한 색상의 일부 또는 전부를 재정의할 수 있습니다.

    public extension NowChatColoring {
        var brand: UIColor {  nowUIColor.brand }
        var primary: UIColor {  nowUIColor.primary }
        var textActionable: UIColor { nowUIColor.textActionable }
        var screenHeaderText: UIColor { nowUIColor.screenHeaderText }
        var backgroundPrimary: UIColor { nowUIColor.backgroundPrimary }
        var backgroundSecondary: UIColor {
            nowUIColor.backgroundSecondary }
        var backgroundTertiary: UIColor {
            nowUIColor.backgroundTertiary }
        var backgroundPrimaryActionable: UIColor { nowUIColor.backgroundPrimaryActionable }
        var backgroundSecondaryActionable: UIColor { nowUIColor.backgroundSecondaryActionable }
        var brandBackground: UIColor { nowUIColor.brandBackground }
        var separatorPrimary: UIColor { nowUIColor.separatorPrimary }
        var separatorTertiary: UIColor { nowUIColor.separatorTertiary }
        var borderTertiary: UIColor { nowUIColor.borderTertiary }
        var shadow: UIColor { nowUIColor.shadow }
        var linkSecondary: UIColor { nowUIColor.linkSecondary }
        var notification: UIColor { nowUIColor.notification }
        var alertCritical0: UIColor { nowUIColor.alertCritical0 }
        var alertCritical3: UIColor { nowUIColor.alertCritical3 }
    }