NowChatColoring-Protokoll – iOS

Das NowChatColoring- Protokoll definiert Standardfarben für die Elemente in der Chat-UI 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
alertCritical0	Farbe, die auf den Hintergrund des Warnungs-Popups angewendet wird. Dunkle Standardfarbe: #7B1E28 Standard-Hellfarbe: #F8C8CD
alertCritical3	Farbe, die auf das Popup-Symbol und den Balken der Warnung angewendet wird. Dunkle Standardfarbe: #E46876 Standard-Hellfarbe: #B61C2D
HintergrundPrimär	Hintergrundfarbe, die auf den Hintergrund der Chatansicht, die Auswahlauswahl, den Eingabehintergrund und den Kartenhintergrund angewendet wird. Dunkle Standardfarbe: #07080B Standardmäßige Hellfarbe: #FFFFFF
HintergrundPrimärAktionsfähig	Hintergrundfarbe, die auf die ausgewählte Paginierung und Popup-Hintergründe angewendet wird. Dunkle Standardfarbe: #FFFFFF Standard-Hellfarbe: #151920
„backgroundSecondary“	Hintergrundfarbe, die auf die untere Leiste, Spalten auf Karten und den Suchhintergrund in einer Auswahl angewendet wird. Dunkle Standardfarbe: #151920 Standard-Hellfarbe: #F6F6F8
„backgroundSecondaryActionable“	Hintergrundfarbe, die auf auswählbare Eingaben wie den Suchhintergrund und den Hintergrund von Datum/Uhrzeit angewendet wird. Dunkle Standardfarbe: #C1C5CD Standard-Hellfarbe: #2C323F
HintergrundTertiär	Hintergrundfarbe, die auf die Chatblasen des Service Desk-Mitarbeiters und des Bots angewendet wird. Dunkle Standardfarbe: #252A35 Standard-Hellfarbe: #E4E6EA
GrenzeTertiär	Farbe, die auf die Rahmen der Chat-Eingabe angewendet wird. Dunkle Standardfarbe: #454D5B Standard-Hellfarbe: #D3D6DC
Marke	Farbe, die auf den Aktivitätsindikator angewendet wird, der beim Laden von Seiten angezeigt wird. Dunkle Standardfarbe: #302F4B Standard-Hellfarbe: #302F4B
BrandBackground	Hintergrundfarbe, die auf den Hintergrund des Anwenderblasens angewendet wird. Dunkle Standardfarbe: #28284D Standardmäßige helle Farbe: #D1D2EE
destruktiv	Farbe, die auf UI-Elemente angewendet wird, die destruktive Aktionen auslösen (z. B. Löschen) Dunkle Standardfarbe: #E46876 Standard-Hellfarbe: #B61C2D
linkPrimaryText	Farbe, die auf Links und UI-Elemente angewendet wird, die sich wie Links verhalten. Dunkle Standardfarbe: #647BFD Standard-Hellfarbe: #3C59E7
linkSecondary	Farbe, die auf Links auf nicht neutralen (nicht weißen) Hintergründen angewendet wird. Dunkle Standardfarbe: #93A3FE Standardmäßige helle Farbe: #293D9E
Benachrichtigung	Farbe, die auf den Indikator für neue Nachrichten angewendet wird. Dunkle Standardfarbe: #E46876 Standard-Hellfarbe: #B61C2D
nowUIColor	Farbschema der UI-Grundlage, das für alle NowSDK-UI-Elemente verwendet wird.
primär	Farbe, die auf Schaltflächen oder umsetzbaren Text angewendet wird. Dunkle Standardfarbe: #8486FF Standard-Hellfarbe: #4F52BD
BildschirmHeaderText	Farbe, die auf den Text im Header des Chat-Bildschirms angewendet wird. Dunkle Standardfarbe: #FFFFFF Standardmäßige Hellfarbe: #FFFFFF
sekundär	Farbe, die auf die Wischaktion angewendet wird. Dunkle Standardfarbe: #CECFFF Standard-Hellfarbe: #1C1D42
trennzeichenPrimär	Farbe, die auf die Rahmen der Chateingabe angewendet wird. Dunkle Standardfarbe: #8F95A1 Standard-Hellfarbe: #8F95A1
SeparationTertiär	Farbe, die auf Trennlinien angewendet wird. Dunkle Standardfarbe: #353B49 Standard-Hellfarbe: #D3D6DC
Schatten	Farbe, die auf den Kartenschaden angewendet wird. Dunkle Standardfarbe: #151920 Standard-Hellfarbe: #151920
textActionable	Farbe, die auf Schaltflächentext oder hervorgehobene Hintergründe angewendet wird. Dunkle Standardfarbe: #07080B Standardmäßige Hellfarbe: #FFFFFF
textSecondary	Farbe, die auf Karteninhalt und Suchleistensymbol und Text angewendet wird. Dunkle Standardfarbe: #C1C5CD Standard-Hellfarbe: #2C323F
textTertiär	Farbe, die auf Wochentage in einem Kalender und als Platzhalter angewendet wird. Dunkle Standardfarbe: ##8F95A1 Standardmäßige helle Farbe: #454D5B

Im Folgenden sind die für NowChatColoringverwendeten Standardfarben aufgeführt. 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 }
}