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 |
| リンクプライマリテキスト | リンクおよびリンクのように動作する UI 要素に適用される色。 デフォルトの暗い色:#647BFD デフォルトの光の色:#3C59E7 |
| リンクセカンダリ | 非中間 (白ではない) 背景のリンクに適用される色。 デフォルトの暗い色:#93A3FE デフォルトの光の色:#293D9E |
| 通知 | 新しいメッセージインジケーターに適用される色。 デフォルトの暗い色:#E46876 デフォルトの光の色:#B61C2D |
| nowUIColor | すべての NowSDK UI 要素に使用される基盤 UI カラーテーマ。 |
| プライマリ | ボタンまたはアクション可能なテキストに適用される色。 デフォルトの暗い色:#8486FF デフォルトの光の色:#4F52BD |
| screenHeaderText | チャット画面ヘッダーのテキストに適用される色。 デフォルトの暗い色:#FFFFFF デフォルトの光の色:#FFFFFF |
| セカンダリ | スワイプアクションに適用される色。 デフォルトの暗い色:#CECFFF デフォルトのライトの色:#1C1D42 |
| セパレータープライマリ | チャット入力境界線に適用される色。 デフォルトの暗い色:#8F95A1 デフォルトのライトカラー:#8F95A1 |
| セパレーターターシャリ | 分割線に適用される色。 デフォルトの暗い色:#353B49 デフォルトの光の色:#D3D6DC |
| シャドウ | カードシャドウに適用される色。 デフォルトの暗い色:#151920 デフォルトのライトの色:#151920 |
| textActionable | ボタンテキストまたはハイライト表示された背景に適用される色。 デフォルトの暗い色:#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 }
}