NowChatColoring プロトコル - iOS
NowChatColoring プロトコルは、ライブエージェントチャット 仮想エージェント UI の要素のデフォルトの色を定義します。
これらのデフォルトの色を変更して、特定のチャット実装用に独自のテーマを作成できます。
| 名前 | 説明 |
|---|---|
| alertCritical0 | アラートポップアップの背景に適用される色。 デフォルトの濃い色:#7B1E28 デフォルトの明るい色:#F8C8CD |
| alertCritical3 | アラートポップアップアイコンとバーに適用される色。 デフォルトの濃い色:#E46876 デフォルトの明るい色:#B61C2D |
| 背景プライマリ | チャットビューの背景、選択肢ピッカー、入力の背景、およびカードの背景に適用される背景色。 デフォルトの濃い色:#07080B デフォルトの明るい色:#FFFFFF |
| backgroundPrimaryActionable | 選択されたページネーションとポップアップの背景に適用される背景色。 デフォルトの濃い色:#FFFFFF デフォルトの明るい色:#151920 |
| バックグラウンドセカンダリ | ボトムバー、カードの列、および選択ピッカーの検索背景に適用される背景色。 デフォルトの濃い色:#151920 デフォルトの明るい色:#F6F6F8 |
| backgroundSecondaryActionable | 検索の背景や日付/時刻の背景などの選択可能な入力に適用される背景色です。 デフォルトの濃い色:#C1C5CD デフォルトの明るい色:#2C323F |
| 背景ターシャリ | エージェントおよびボットチャットバブルに適用される背景色。 デフォルトの濃い色:#252A35 デフォルトの明るい色:#E4E6EA |
| ボーダーターシャリ | チャットの入力境界線に適用される色。 デフォルトの濃い色:#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 |
| セパレータプライマリ | チャットの入力境界線に適用される色。 デフォルトの濃い色:#8F95A1 デフォルトの明るい色:#8F95A1 |
| セパレータターシャリ | 分割線に適用される色。 デフォルトの濃い色:#353B49 デフォルトの明るい色:#D3D6DC |
| 影 | カードの影に適用される色。 デフォルトの濃い色:#151920 デフォルトの明るい色:#151920 |
| テキストアクション可能 | ボタンのテキストまたはハイライト表示された背景に適用される色。 デフォルトの濃い色:#07080B デフォルトの明るい色:#FFFFFF |
| テキストセカンダリ | カードコンテンツと検索バーのアイコンとテキストに適用される色。 デフォルトの濃い色:#C1C5CD デフォルトの明るい色:#2C323F |
| テキストターシャリ | カレンダー内の平日にプレースホルダーとして適用される色。 デフォルトの濃い色:##8F95A1 デフォルトの明るい色:#454D5B |
NowChat カラーリングに使用されるデフォルトの色を次に示します。これらの色の一部またはすべてを上書きできます。
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 }
}