NowChatColoring 프로토콜 - iOS
NowChatColoring 프로토콜은 및 가상 에이전트 채팅 UI의 Live Agent 요소에 대한 기본 색상을 정의합니다.
이러한 기본 색상을 수정하고 특정 채팅 구현을 위한 자신만의 테마를 만들 수 있습니다.
| 이름 | 설명 |
|---|---|
| alertCritical0 | 경보 팝업 배경에 적용되는 색상입니다. 기본 어두운 색: #7B1E28 기본 조명 색: #F8C8CD |
| alertCritical3 | 경보 팝업 아이콘과 막대에 적용되는 색상입니다. 기본 어두운 색: #E46876 기본 조명 색: #B61C2D |
| backgroundPrimary | 채팅 뷰 배경, 선택 선택기, 입력 배경, 카드 배경에 적용되는 배경색입니다. 기본 어두운 색: #07080B 기본 조명 색: #FFFFFF |
| backgroundPrimaryActionable (배경기본작업 가능) | 선택한 페이지 매김 및 팝업 배경에 적용되는 배경색입니다. 기본 어두운 색: #FFFFFF 기본 조명 색상: #151920 |
| backgroundSecondary | 하단 막대, 카드의 열, 선택 선택기의 검색 배경에 적용되는 배경색입니다. 기본 어두운 색: #151920 기본 조명 색: #F6F6F8 |
| backgroundSecondaryActionable | 검색 배경, 날짜/시간 배경과 같이 선택 가능한 입력에 적용되는 배경색입니다. 기본 어두운 색: #C1C5CD 기본 조명 색: #2C323F |
| 배경3차 | 에이전트 및 봇 채팅 거품에 적용되는 배경색입니다. 기본 어두운 색: #252A35 기본 조명 색: #E4E6EA |
| 테두리3차 | 채팅 입력 테두리에 적용되는 색입니다. 기본 어두운 색: #454D5B 기본 조명 색: #D3D6DC |
| 브랜드 | 페이지를 로드하는 동안 표시되는 활동 표시기에 적용되는 색상입니다. 기본 어두운 색: #302F4B 기본 조명 색: #302F4B |
| 브랜드 배경 | 사용자 거품형 배경에 적용되는 배경색입니다. 기본 어두운 색: #28284D 기본 조명 색: #D1D2EE |
| 파괴적인 | 삭제 등의 작업을 트리거하는 UI 요소에 적용되는 색상 기본 어두운 색: #E46876 기본 조명 색: #B61C2D |
| 링크프라이머리 텍스트 | 링크와 링크처럼 동작하는 UI 요소에 적용되는 색상입니다. 기본 어두운 색: #647BFD 기본 조명 색: #3C59E7 |
| 링크보조 | 중립이 아닌(흰색이 아닌) 배경의 링크에 적용되는 색상입니다. 기본 어두운 색: #93A3FE 기본 조명 색: #293D9E |
| 알림 | 새 메시지 표시기에 적용되는 색상입니다. 기본 어두운 색: #E46876 기본 조명 색:#B61C2D |
| nowUIColor | 모든 NowSDK UI 요소에 사용되는 기초 UI 색상 테마입니다. |
| 기본 | 버튼 또는 실행 가능한 텍스트에 적용되는 색상입니다. 기본 어두운 색: #8486FF 기본 조명 색: #4F52BD |
| screenHeaderText | 채팅 화면 헤더의 텍스트에 적용되는 색입니다. 기본 어두운 색: #FFFFFF 기본 조명 색: #FFFFFF |
| 보조 | 살짝 밀기 동작에 적용되는 색상입니다. 기본 어두운 색: #CECFFF 기본 조명 색: #1C1D42 |
| 구분 기호 기본 | 채팅 입력 테두리에 적용되는 색입니다. 기본 어두운 색: #8F95A1 기본 조명 색: #8F95A1 |
| 구분 기호 3차 | 구분선에 적용되는 색상입니다. 기본 어두운 색: #353B49 기본 조명 색: #D3D6DC |
| 그림자 | 카드 섀도우에 적용되는 색상입니다. 기본 어두운 색: #151920 기본 조명 색상: #151920 |
| 텍스트 작업 가능 | 버튼 텍스트 또는 강조 표시된 배경에 적용되는 색상입니다. 기본 어두운 색: #07080B 기본 조명 색: #FFFFFF |
| 텍스트2차 | 카드 컨텐츠와 검색 창 아이콘 및 텍스트에 적용되는 색상입니다. 기본 어두운 색: #C1C5CD 기본 조명 색: #2C323F |
| 텍스트3차 | 달력의 평일과 자리 표시자로 적용되는 색상입니다. 기본 어두운 색: ##8F95A1 기본 조명 색: #454D5B |
다음은 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 }
}