Protocolo NowChatColoring - iOS

. NowChatColoring o protocolo define cores padrão para os elementos no Atendente e. Virtual Agent IU de bate-papo.

Você pode modificar essas cores padrão e criar seus próprios temas para sua implementação de bate-papo específica.

Tabela 1. Propriedades

Nome	Descrição
AlertCritical0	Cor aplicada ao plano de fundo do pop-up de alerta. Cor escura padrão: Nº 7B1E28 Cor clara padrão: Nº F8C8CD
AlertCritical2	Cor do ícone de texto de alerta. B61C2D
BackgroundPrimary	Cor de fundo aplicada ao plano de fundo da exibição do bate-papo, ao seletor de seleção, ao plano de fundo de entrada e ao plano de fundo do cartão. Cor escura padrão: Nº 07080B Cor clara padrão: FFFFFF
PrimaryActionable	Cor de fundo aplicada à paginação selecionada e aos planos de fundo pop-up. Cor escura padrão: FFFFFF Cor clara padrão: Nº 151920
BackgroundSecundário	Cor de fundo aplicada à barra inferior, colunas em cartões e ao plano de fundo de pesquisa em um seletor de seleção. Cor escura padrão: Nº 151920 Cor clara padrão: Nº F6F6F6F6F8
BackgroundSecondaryActionable	Cor de fundo aplicada a entradas selecionáveis, como o plano de fundo da pesquisa e o plano de fundo de data/hora. Cor escura padrão: Nº C1C5CD Cor clara padrão: Nº 2C323F
BackgroundTerciário	Cor de fundo aplicada aos balões de bate-papo do agente e do bot. Cor escura padrão: Nº 252A35 Cor clara padrão
BorderTerciário	Cor aplicada às bordas de entrada do bate-papo. Cor escura padrão: Nº 454D5B Cor clara padrão: D3D6DC
marca	Cor aplicada ao indicador de atividade mostrado ao carregar páginas. Cor escura padrão: Nº 302F4B Cor clara padrão: Nº 302F4B
Background da brandBackground	Cor de fundo aplicada ao plano de fundo da bolha do usuário. Cor escura padrão: Nº 28284D Cor de luz padrão: Nº D1D2EE
destrutivo	Cor aplicada a elementos de IU que acionam ações destrutivas (por exemplo: Excluir) Cor escura padrão: Nº E46876 Cor clara padrão: Nº B61C2D
LinkPrimaryText	Cor aplicada a links e elementos de IU que se comportam como links. Cor escura padrão: Nº 647BFD Cor clara padrão: Nº 3C59E7
LinkSecundário	Cor aplicada a links em planos de fundo não neutros (não brancos). Cor escura padrão: Nº 93A3FE Cor clara padrão: Nº 293D9E
notificação	Cor aplicada ao indicador de nova mensagem. Cor escura padrão: Nº E46876 Cor clara padrão: Nº B61C2D
NowUIColor	Tema de cor da IU de base usado para todos os elementos de IU do NowSDK.
primary	Cor aplicada a botões ou texto acionável. Cor escura padrão: Nº 8486FF Cor clara padrão: Nº 4F52BD
Cabeçalho de tela	Cor aplicada ao texto no cabeçalho da tela de bate-papo. Cor escura padrão: FFFFFF Cor clara padrão: FFFFFF
secundário	Cor aplicada à ação de deslizar. Cor escura padrão: CEFFFF Cor clara padrão: Nº 1C1D42
SeparadorPrimary	Cor aplicada às bordas de entrada do bate-papo. Cor escura padrão: Nº 8F95A1 Cor clara padrão: Nº 8F95A1
SeparadorTerciário	Cor aplicada aos divisores. Cor escura padrão: Nº 353B49 Cor clara padrão: D3D6DC
sombra	Cor aplicada à sombra do cartão. Cor escura padrão: Nº 151920 Cor clara padrão: Nº 151920
TextActionable	Cor aplicada ao texto do botão ou aos planos de fundo realçados. Cor escura padrão: Nº 07080B Cor clara padrão: FFFFFF
TextSecundário	Cor aplicada ao conteúdo do cartão, ao ícone e ao texto da barra de pesquisa. Cor escura padrão: Nº C1C5CD Cor clara padrão: Nº 2C323F
TextTerciário	Cor aplicada aos dias da semana em um calendário e como um espaço reservado. Cor escura padrão: Nº 8F95A1 Cor clara padrão: Nº 454D5B

A seguir, são mostradas as cores padrão usadas para NowChatColoring . Você pode substituir qualquer uma ou todas essas cores.

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