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