NowChatColoring-Protokoll – iOS

Das NowChatColoring- Protokoll definiert Standardfarben für die Elemente in der Chat-UI von Service Desk-Mitarbeiter und Virtual Agent.

Sie können diese Standardfarben ändern und eigene Designs für Ihre spezifische Chat-Implementierung erstellen.

Tabelle : 1. Eigenschaften

Name	Beschreibung
alertKritisch0	Farbe, die auf den Popup-Hintergrund der Warnung angewendet wird. Standardmäßige dunkle Farbe: #7B1E28 Standardmäßige helle Farbe: #F8C8CD
alertKritisch3	Farbe, die auf das Popup-Symbol und die Leiste der Warnung angewendet wird. Standardmäßige dunkle Farbe: #E46876 Standardmäßige helle Farbe: #B61C2D
HintergrundPrimär	Hintergrundfarbe, die auf den Hintergrund der Chat-Ansicht, die Auswahl, den Eingabehintergrund und den Kartenhintergrund angewendet wird. Standardmäßige dunkle Farbe: #07080B Standardmäßige helle Farbe: #FFFFFF
HintergrundPrimärAktionsfähig	Hintergrundfarbe, die auf die ausgewählte Paginierung und Popup-Hintergründe angewendet wird. Standardmäßige dunkle Farbe: #FFFFFF Standardmäßige helle Farbe: #151920
HintergrundSecondary	Hintergrundfarbe, die auf die untere Leiste, Spalten in Karten und den Suchhintergrund in einer Auswahl angewendet wird. Standardmäßige dunkle Farbe: #151920 Standardmäßige helle Farbe: #F6F6F8
HintergrundSecondaryActionable	Hintergrundfarbe, die auf auswählbare Eingaben wie den Suchhintergrund und den Datums-/Uhrzeithintergrund angewendet wird. Standardmäßige dunkle Farbe: #C1C5CD Standardmäßige helle Farbe: #2C323F
HintergrundTertiär	Hintergrundfarbe, die auf die Chatblasen des Service Desk-Mitarbeiters und des Bots angewendet wird. Standardmäßige dunkle Farbe: #252A35 Standardmäßige helle Farbe: #E4E6EA
BorderTertiary	Farbe für Chat-Eingaberahmen. Standardmäßige dunkle Farbe: #454D5B Standardmäßige helle Farbe: #D3D6DC
Marke	Farbe, die auf den Aktivitätsindikator angewendet wird, der beim Laden von Seiten angezeigt wird. Standardmäßige dunkle Farbe: #302F4B Standardmäßige helle Farbe: #302F4B
MarkeHintergrund	Hintergrundfarbe, die auf den Hintergrund der Anwenderblase angewendet wird. Standardmäßige dunkle Farbe: #28284D Standardmäßige helle Farbe: #D1D2EE
destruktiv	Farbe für UI-Elemente, die destruktive Aktionen auslösen (z. B. Löschen) Standardmäßige dunkle Farbe: #E46876 Standardmäßige helle Farbe: #B61C2D
linkPrimärtext	Farbe für Links und UI-Elemente, die sich wie Links verhalten. Standardmäßige dunkle Farbe: #647BFD Standardmäßige helle Farbe: #3C59E7
linkSecondary	Farbe, die auf Links mit nicht neutralen (nicht weißen) Hintergründen angewendet wird. Standardmäßige dunkle Farbe: #93A3FE Standardmäßige helle Farbe: #293D9E
Benachrichtigung	Farbe, die auf den Indikator für neue Nachrichten angewendet wird. Standardmäßige dunkle Farbe: #E46876 Standardmäßige helle Farbe: #B61C2D
nowUIColor	Foundation-UI-Farbdesign, das für alle NowSDK-UI-Elemente verwendet wird.
primär	Farbe, die auf Schaltflächen oder umsetzbaren Text angewendet wird. Standardmäßige dunkle Farbe: #8486FF Standardmäßige helle Farbe: #4F52BD
BildschirmHeaderText	Farbe, die auf den Text im Header des Chat-Bildschirms angewendet wird. Standardmäßige dunkle Farbe: #FFFFFF Standardmäßige helle Farbe: #FFFFFF
sekundär	Farbe, die auf die Wischaktion angewendet wird. Standardmäßige dunkle Farbe: #CECFFF Standardmäßige helle Farbe: #1C1D42
SeparatorPrimär	Farbe, die auf die Chat-Eingaberahmen angewendet wird. Standardmäßige dunkle Farbe: #8F95A1 Standardmäßige helle Farbe: #8F95A1
SeparatorTertiär	Auf Trennlinien angewendete Farbe. Standardmäßige dunkle Farbe: #353B49 Standardmäßige helle Farbe: #D3D6DC
Schatten	Farbe, die auf den Kartenschatten angewendet wird. Standardmäßige dunkle Farbe: #151920 Standardmäßige helle Farbe: #151920
textUmsetzbar	Farbe, die auf Schaltflächentext oder hervorgehobene Hintergründe angewendet wird. Standardmäßige dunkle Farbe: #07080B Standardmäßige helle Farbe: #FFFFFF
textSecondary	Farbe, die auf Karteninhalt und Suchleistensymbol und -text angewendet wird. Standardmäßige dunkle Farbe: #C1C5CD Standardmäßige helle Farbe: #2C323F
textTertiär	Farbe, die auf Wochentage in einem Kalender und als Platzhalter angewendet wird. Standardmäßige dunkle Farbe: ##8F95A1 Standardmäßige helle Farbe: #454D5B

Im Folgenden sind die Standardfarben aufgeführt, die für NowChatColoringverwendet werden. Sie können eine oder alle dieser Farben überschreiben.

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