Protocole NowChatColoring - iOS

Le protocole NowChatColoring définit les couleurs par défaut des éléments de l’interface utilisateur de messagerie Agent actif instantanée and Agent virtuel .

Vous pouvez modifier ces couleurs par défaut et créer vos propres thèmes pour votre implémentation de chat spécifique.

Tableau 1. Propriétés

Nom	Description
alerteCritique0	Couleur appliquée à l’arrière-plan contextuel de l’alerte. Couleur foncée par défaut : #7B1E28 Couleur de lumière par défaut : #F8C8CD
alerteCritique3	Couleur appliquée à l’icône et à la barre contextuelles d’alerte. Couleur foncée par défaut : #E46876 Couleur de lumière par défaut : #B61C2D
arrière-planPrimaire	Couleur d’arrière-plan appliquée à l’arrière-plan de la vue de la messagerie instantanée, au sélecteur de choix, à l’arrière-plan d’entrée et à l’arrière-plan de la carte. Couleur foncée par défaut : #07080B Couleur de lumière par défaut : #FFFFFF
backgroundPrimaryActionable	Couleur d’arrière-plan appliquée aux arrière-plans de la pagination sélectionnée et des fenêtres contextuelles. Couleur foncée par défaut : #FFFFFF Couleur de lumière par défaut : #151920
arrière-planSecondaire	Couleur d’arrière-plan appliquée à la barre inférieure, aux colonnes dans les cartes et à l’arrière-plan de recherche dans un sélecteur de choix. Couleur foncée par défaut : #151920 Couleur de lumière par défaut : #F6F6F8
backgroundSecondaryActionable	Couleur d’arrière-plan appliquée aux entrées sélectionnables, telles que l’arrière-plan de recherche et l’arrière-plan de date/heure. Couleur foncée par défaut : #C1C5CD Couleur de lumière par défaut : #2C323F
ContexteTertiaire	Couleur d’arrière-plan appliquée aux bulles de messagerie instantanée de l’agent et du bot. Couleur foncée par défaut : #252A35 Couleur de lumière par défaut : #E4E6EA
de bordureTertiaire	Couleur appliquée aux bordures d’entrée de messagerie instantanée. Couleur foncée par défaut : #454D5B Couleur de lumière par défaut : #D3D6DC
marque	Couleur appliquée à l’indicateur d’activité affiché lors du chargement des pages. Couleur foncée par défaut : #302F4B Couleur de lumière par défaut : #302F4B
brandBackground	Couleur d’arrière-plan appliquée à l’arrière-plan de la bulle de l’utilisateur. Couleur foncée par défaut : #28284D Couleur de lumière par défaut : #D1D2EE
destructeur	Couleur appliquée aux éléments de l’interface utilisateur qui déclenchent des actions destructrices (par exemple : Supprimer) Couleur foncée par défaut : #E46876 Couleur de lumière par défaut : #B61C2D
linkPrimaryText (en anglais seulement)	Couleur appliquée aux liens et aux éléments d’interface utilisateur qui se comportent comme des liens. Couleur foncée par défaut : #647BFD Couleur de lumière par défaut : #3C59E7
lienSecondaire	Couleur appliquée aux liens sur des arrière-plans non neutres (non blancs). Couleur foncée par défaut : #93A3FE Couleur de lumière par défaut : #293D9E
Notification	Couleur appliquée à l’indicateur de nouveau message. Couleur foncée par défaut : #E46876 Couleur de lumière par défaut :#B61C2D
nowUIColor	Thème de couleur de base de l’interface utilisateur utilisé pour tous les éléments de l’interface utilisateur NowSDK.
primaire	Couleur appliquée aux boutons ou au texte activable. Couleur foncée par défaut : #8486FF Couleur de lumière par défaut : #4F52BD
screenHeaderText (en anglais)	Couleur appliquée au texte dans l’en-tête de l’écran de messagerie instantanée. Couleur foncée par défaut : #FFFFFF Couleur de lumière par défaut : #FFFFFF
secondaire	Couleur appliquée à l’action de balayage. Couleur foncée par défaut : #CECFFF Couleur de lumière par défaut : #1C1D42
séparateurPrimaire	Couleur appliquée aux bordures d’entrée de la messagerie instantanée. Couleur foncée par défaut : #8F95A1 Couleur de lumière par défaut : #8F95A1
séparateurTertiaire	Couleur appliquée aux séparateurs. Couleur foncée par défaut : #353B49 Couleur de lumière par défaut : #D3D6DC
ombre	Couleur appliquée à l’ombre de la carte. Couleur foncée par défaut : #151920 Couleur de lumière par défaut : #151920
textActionable	Couleur appliquée au texte du bouton ou aux arrière-plans en surbrillance. Couleur foncée par défaut : #07080B Couleur de lumière par défaut : #FFFFFF
textSecondary (Secondaire du texte)	Couleur appliquée au contenu de la carte et à l’icône et au texte de la barre de recherche. Couleur foncée par défaut : #C1C5CD Couleur de lumière par défaut : #2C323F
textetertiaire	Couleur appliquée aux jours de la semaine dans un calendrier et comme espace réservé. Couleur foncée par défaut : ##8F95A1 Couleur de lumière par défaut : #454D5B

Ce qui suit montre les couleurs par défaut utilisées pour NowChatColoring. Vous pouvez remplacer l’une ou l’ensemble de ces couleurs.

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 }
}