Protocole NowChatColoring - iOS

  • Rversion finale: Washingtondc
  • Mis à jour 1 févr. 2024
  • 3 minutes de lecture
  • 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 claire par défaut : #F8C8CD

    alerteCritique3 Couleur appliquée à l’icône et à la barre contextuelle d’alerte.

    Couleur foncée par défaut : #E46876

    Couleur claire par défaut : #B61C2D

    backgroundPrimary Couleur d’arrière-plan appliquée à l’arrière-plan de la vue de 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 claire par défaut : #FFFFFF

    backgroundPrimaryActionable Couleur d’arrière-plan appliquée à la pagination sélectionnée et aux arrière-plans contextuels.

    Couleur foncée par défaut : #FFFFFF

    Couleur de la lumière par défaut : #151920

    arrière-planSecondaire Couleur d’arrière-plan appliquée à la barre inférieure, aux colonnes des cartes et à l’arrière-plan de recherche dans un sélecteur de choix.

    Couleur foncée par défaut : #151920

    Couleur claire 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 claire par défaut : #2C323F

    ContexteTertiaire Couleur d’arrière-plan appliquée aux bulles de messagerie instantanée d’agent et de 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 claire 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 claire par défaut : #302F4B

    Arrière-plan de la marque 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 claire par défaut : #D1D2EE

    Destructrice Couleur appliquée aux éléments d’interface utilisateur qui déclenchent des actions destructrices (par exemple : Supprimer)

    Couleur foncée par défaut : #E46876

    Couleur claire par défaut : #B61C2D

    linkPrimaryText (textePrimaire) 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 claire 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 claire par défaut : #293D9E

    Notification Couleur appliquée à l’indicateur de nouveau message.

    Couleur foncée par défaut : #E46876

    Couleur de la lumière par défaut :#B61C2D

    nowUIColor Thème de couleur d’interface utilisateur de base utilisé pour tous les éléments d’interface utilisateur NowSDK.
    Principal Couleur appliquée aux boutons ou au texte activable.

    Couleur foncée par défaut : #8486FF

    Couleur claire par défaut : #4F52BD

    screenHeaderText (en anglais seulement) 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 claire par défaut : #FFFFFF

    secondaire Couleur appliquée à l’action de balayage.

    Couleur foncée par défaut : #CECFFF

    Couleur claire par défaut : #1C1D42

    separatorPrimary Couleur appliquée aux bordures d’entrée de messagerie instantanée.

    Couleur foncée par défaut : #8F95A1

    Couleur claire par défaut : #8F95A1

    séparateurTertiaire Couleur appliquée aux séparateurs.

    Couleur foncée par défaut : #353B49

    Couleur claire par défaut : #D3D6DC

    Ombre Couleur appliquée à l’ombre de la carte.

    Couleur foncée par défaut : #151920

    Couleur de la 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 claire par défaut : #FFFFFF

    textSecondary (Secondaire du texte) Couleur appliquée au contenu de la carte, à l’icône et au texte de la barre de recherche.

    Couleur foncée par défaut : #C1C5CD

    Couleur claire par défaut : #2C323F

    textetertiaire Couleur appliquée aux jours de la semaine dans un calendrier et en tant qu’espace réservé.

    Couleur foncée par défaut : ##8F95A1

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