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