---
sourceDocument: Xanadu API リファレンス
sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/ja-JP/xanadu/api-reference

 Release :

    - xanadu

ft:locale :

    - ja-JP

ft:publication_title :

    - Xanadu API リファレンス

ft:clusterId :

    - crapiref

bundleId :

    - crapiref

workflow :

    - Creator


---

# NowChatColoring プロトコル - iOS

# NowChatColoring プロトコル - iOS {#ariaid-title1}

* リリースバージョン: Xanadu
* 
* 更新日 2024年08月01日
* 
* ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 所要時間：5分

NowChatColoring プロトコルは、ライブエージェント および 仮想エージェント チャット UI の要素の既定の色を定義します。

これらのデフォルトの色を変更して、特定のチャット実装用に独自のテーマを作成できます。
{#NowChatColoringiOSProtocol__table_vx2_klw_5pb__entry__2}

| 名前 | 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 |
[表 : 1. プロパティ]

{#NowChatColoringiOSProtocol__table_vx2_klw_5pb} 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 }
    }