NowChatColoring プロトコル - iOS
NowChatColoring プロトコルは、ライブエージェントおよび仮想エージェントチャット UI の要素のデフォルトの色を定義します。
これらのデフォルトの色を変更し、特定のチャット実装に合わせて独自のテーマを作成できます。
| 名前 | 説明 |
|---|---|
| alertCritical0 | アラートポップアップの背景に適用される色。 デフォルトの暗色:#7B1E28 デフォルトの明るい色:#F8C8CD |
| alertCritical2 | アラートテキストアイコンの色。 デフォルト値:#B61C2D |
| バックグラウンドプライマリ | チャットビューの背景、選択ピッカー、入力の背景、およびカードの背景に適用される背景色。 デフォルトの暗色:#07080B デフォルトの明るい色:#FFFFFF |
| backgroundPrimaryActionable | 選択したページネーションとポップアップの背景に適用される背景色。 デフォルトの暗色:#FFFFFF デフォルトの明るい色:#151920 |
| バックグラウンドセカンダリ | 背景色は、下部のバー、カードの列、および選択肢ピッカーの検索の背景に適用されます。 デフォルトの暗い色:#151920 デフォルトの明るい色:#F6F6F8 |
| backgroundSecondaryActionable | 検索背景や日付/時刻の背景など、選択可能な入力に適用される背景色。 デフォルトの暗色:#C1C5CD デフォルトの明るい色:#2C323F |
| バックグラウンドターシャリ | エージェントとボットのチャットバブルに適用される背景色。 デフォルトの暗色:#252A35 デフォルトの明るい色:#E4E6EA |
| ボーダーターシャリ | チャット入力境界線に適用される色。 デフォルトの暗色:#454D5B デフォルトの明るい色:#D3D6DC |
| ブランド | ページのロード中に表示されるアクティビティインジケーターに適用される色。 デフォルトの暗色:#302F4B デフォルトの明るい色:#302F4B |
| brandBackground | ユーザーバブルの背景に適用される背景色。 デフォルトの暗色:#28284D デフォルトの明るい色:#D1D2EE |
| 破壊的な | 破棄アクション (削除など) をトリガーする UI 要素に適用される色 デフォルトの暗色:#E46876 デフォルトの明るい色:#B61C2D |
| リンクプライマリテキスト | リンクのように動作するリンクと UI 要素に適用される色。 デフォルトの暗色:#647BFD デフォルトの明るい色:#3C59E7 |
| リンクセカンダリ | ニュートラルでない (白以外の) 背景のリンクに適用される色。 デフォルトの暗色:#93A3FE デフォルトの明るい色:#293D9E |
| 通知 | 新しいメッセージインジケーターに適用される色。 デフォルトの暗色:#E46876 デフォルトの明るい色:#B61C2D |
| nowUIColor | すべての NowSDK UI 要素に使用される基盤 UI カラーテーマ。 |
| プライマリ | ボタンまたはアクション可能なテキストに適用される色。 デフォルトの暗色:#8486FF デフォルトの明るい色:#4F52BD |
| 画面ヘッダーテキスト | チャット画面ヘッダーのテキストに適用される色。 デフォルトの暗色:#FFFFFF デフォルトの明るい色:#FFFFFF |
| セカンダリ | スワイプアクションに適用される色。 デフォルトの暗色:#CECFFF デフォルトの明るい色:#1C1D42 |
| セパレータープライマリ | チャット入力境界線に適用される色。 デフォルトの暗色:#8F95A1 デフォルトの明るい色:#8F95A1 |
| セパレーターターシャリ | 仕切りに適用される色。 デフォルトの暗色:#353B49 デフォルトの明るい色:#D3D6DC |
| 影 | カードの影に適用される色。 デフォルトの暗い色:#151920 デフォルトの明るい色:#151920 |
| テキストアクション可能 | ボタンのテキストまたはハイライト表示された背景に適用される色。 デフォルトの暗色:#07080B デフォルトの明るい色:#FFFFFF |
| テキストセカンダリ | カードコンテンツと検索バーのアイコンとテキストに適用される色。 デフォルトの暗色:#C1C5CD デフォルトの明るい色:#2C323F |
| テキストターシャリ | カレンダーおよびプレースホルダーとして平日に適用される色。 デフォルトの暗色:##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 }
}