NowChatColoring-Protokoll – iOS

  • Freigeben Version: Zurich
  • Aktualisiert 31. Juli 2025
  • 2 Minuten Lesedauer

    • Die NowChatColoring protokoll definiert Standardfarben für die Elemente in Servicemitarbeiter Und Virtual Agent Chat-UI.

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

    Tabelle : 1. Eigenschaften
    Name Beschreibung
    AlertKritikal0 Farbe, die auf den Warnungs-Popup-Hintergrund angewendet wird.

    Dunkle Standardfarbe: #7B1E28

    Standardhelle Farbe: #F8C8CD
    AlertKritikal2 Farbe des Warnungstextsymbols.

    Standardwert: #B61C2D
    BackgroundPrimär Hintergrundfarbe, die auf den Hintergrund der Chatansicht, die Auswahlauswahl, den Eingabehintergrund und den Kartenhintergrund angewendet wird.

    Dunkle Standardfarbe: #07080B

    Standardlichtfarbe: #FFFFFF
    BackgroundPrimaryActionable Hintergrundfarbe, die auf die ausgewählte Paginierung und Popup-Hintergründe angewendet wird.

    Dunkle Standardfarbe: #FFFFFF

    Standard-helle Farbe: #151920
    BackgroundSekundär Hintergrundfarbe, die auf den unteren Balken, Spalten auf Karten und den Suchhintergrund in einer Auswahlauswahl angewendet wird.

    Dunkle Standardfarbe: #151920

    Standardhelle Farbe: #F6F6F8
    BackgroundSecondaryActionable Hintergrundfarbe, die auf auswählbare Eingaben angewendet wird, z. B. den Suchhintergrund und den Datums-/Uhrzeithintergrund.

    Dunkle Standardfarbe: #C1C5CD

    Standardlichtfarbe: #2C323F
    BackgroundTertiär Hintergrundfarbe, die auf die Blasen des Service Desk-Mitarbeiters und des Bot-Chats angewendet wird.

    Dunkle Standardfarbe: #252A35

    Standardlichtfarbe: #E4E6EA
    Grenztertiär Farbe, die auf Chateingaberahmen angewendet wird.

    Dunkle Standardfarbe: #454D5B

    Standardlichtfarbe: #D3D6DC
    Marke Farbe, die auf den Aktivitätsindikator angewendet wird, der beim Laden der Seiten angezeigt wird.

    Dunkle Standardfarbe: #302F4B

    Standardlichtfarbe: #302F4B
    BrandBackground Hintergrundfarbe, die auf den Hintergrund der Anwenderblase angewendet wird.

    Dunkle Standardfarbe: #28284D

    Standardlichtfarbe: #D1D2EE
    Destruktiv Farbe, die auf UI-Elemente angewendet wird, die destruktive Aktionen auslösen (z. B. löschen)

    Dunkle Standardfarbe: #E46876

    Standardhelle Farbe: #B61C2D
    LinkPrimaryText Farbe, die auf Links und UI-Elemente angewendet wird, die sich wie Links verhalten.

    Dunkle Standardfarbe: #647BFD

    Standardhelle Farbe: #3C59E7
    Links Sekundär Farbe, die auf Links auf nicht neutralen (nicht weißen) Hintergründen angewendet wird.

    Dunkle Standardfarbe: #93A3FE

    Standardlichtfarbe: #293D9E
    Benachrichtigung Farbe, die auf den Indikator für neue Nachrichten angewendet wird.

    Dunkle Standardfarbe: #E46876

    Standardhelle Farbe: #B61C2D
    NowUIColor Foundation-UI-Farbdesign, das für alle NowSDK-UI-Elemente verwendet wird.
    primär Farbe auf Schaltflächen oder umsetzbaren Text angewendet.

    Dunkle Standardfarbe: #8486FF

    Standardlichtfarbe: #4F52BD
    ScreenHeaderText Farbe, die auf Text im Header des Chat-Bildschirms angewendet wird.

    Dunkle Standardfarbe: #FFFFFF

    Standardlichtfarbe: #FFFFFF
    sekundär Farbe auf Wischaktion angewendet.

    Dunkle Standardfarbe: #CECFFF

    Standardlichtfarbe: #1C1D42
    SeparatorPrimär Farbe, die auf die Chateingaberänder angewendet wird.

    Dunkle Standardfarbe: #8F95A1

    Standardlichtfarbe: #8F95A1
    SeparatorTertiär Farbe auf Trennlinien angewendet.

    Dunkle Standardfarbe: #353B49

    Standardlichtfarbe: #D3D6DC
    Schatten Farbe auf Kartenschatten angewendet.

    Dunkle Standardfarbe: #151920

    Standard-helle Farbe: #151920
    TextActionable Farbe auf Schaltflächentext oder hervorgehobene Hintergründe angewendet.

    Dunkle Standardfarbe: #07080B

    Standardlichtfarbe: #FFFFFF
    TextSekundär Farbe, die auf Karteninhalt und Suchleistensymbol und Text angewendet wird.

    Dunkle Standardfarbe: #C1C5CD

    Standardlichtfarbe: #2C323F
    Texttertiär Farbe, die auf Wochentage in einem Kalender und als Platzhalter angewendet wird.

    Dunkle Standardfarbe: ##8F95A1

    Standardlichtfarbe: #454D5B

    Im Folgenden werden die Standardfarben angezeigt, die für verwendet werden NowChatColoring . 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 }
}