NowChatColoring 프로토콜 - iOS
NowChatColoring 프로토콜은 및 가상 에이전트 채팅 UI의 라이브 에이전트 요소에 대한 기본 색상을 정의합니다.
이러한 기본 색상을 수정하고 특정 채팅 구현을 위한 고유한 테마를 만들 수 있습니다.
| 이름 | 설명 |
|---|---|
| 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 |
다음은 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 }
}