Protocolo NowChatColoring - iOS

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

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
alertaCrítico0	Cor aplicada ao plano de fundo do pop-up de alerta. Cor escura padrão: #7B1E28 Cor da luz padrão: #F8C8CD
alertaCrítico3	Cor aplicada ao ícone pop-up e à barra de alerta. Cor escura padrão: #E46876 Cor da luz padrão: #B61C2D
plano de fundoPrimário	Cor de fundo aplicada ao plano de fundo da exibição do bate-papo, ao seletor de opção, ao plano de fundo da entrada e ao plano de fundo do cartão. Cor escura padrão: #07080B Cor da luz padrão: #FFFFFF
plano de fundoPrimárioAcionável	Cor de fundo aplicada à paginação selecionada e planos de fundo pop-up. Cor escura padrão: #FFFFFF Cor da luz padrão: nº 151920
plano de fundoSecundário	Cor de fundo aplicada à barra inferior, colunas em cartões e ao plano de fundo de pesquisa em um seletor de opção. Cor escura padrão: nº 151920 Cor da luz padrão: #F6F6F8
plano de fundoSecondaryActionable	Cor de fundo aplicada a entradas selecionáveis, como fundo de pesquisa e fundo de data/hora. Cor escura padrão: #C1C5CD Cor da luz padrão: #2C323F
plano de fundoTerciário	Cor de fundo aplicada às bolhas de bate-papo do agente e do bot. Cor escura padrão: #252A35 Cor da luz padrão: #E4E6EA
bordaTerciária	Cor aplicada às bordas de entrada do bate-papo. Cor escura padrão: #454D5B Cor da luz padrão: #D3D6DC
marca	Cor aplicada ao indicador de atividade mostrado ao carregar páginas. Cor escura padrão: #302F4B Cor da luz padrão: #302F4B
fundo da marca	Cor de fundo aplicada ao plano de fundo da bolha do usuário. Cor escura padrão: #28284D Cor da luz padrão: #D1D2EE
destrutivo	Cor aplicada a elementos de IU que acionam ações destrutivas (por exemplo: excluir) Cor escura padrão: #E46876 Cor da luz padrão: #B61C2D
linkTextoPrimário	Cor aplicada a links e elementos de IU que se comportam como links. Cor escura padrão: #647BFD Cor da luz padrão: #3C59E7
linkSecondary	Cor aplicada a links em planos de fundo não neutros (não brancos). Cor escura padrão: #93A3FE Cor da luz padrão: #293D9E
notificação	Cor aplicada ao indicador de nova mensagem. Cor escura padrão: #E46876 Cor da luz padrão: #B61C2D
nowUIColor	Tema de cores 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: #8486FF Cor da luz padrão: #4F52BD
screenHeaderText	Cor aplicada ao texto no cabeçalho da tela de bate-papo. Cor escura padrão: #FFFFFF Cor da luz padrão: #FFFFFF
secundário	Cor aplicada à ação de deslizar. Cor escura padrão: #CECFFF Cor da luz padrão: #1C1D42
separadorPrimário	Cor aplicada às bordas de entrada do bate-papo. Cor escura padrão: #8F95A1 Cor da luz padrão: #8F95A1
separadorTerciário	Cor aplicada aos divisores. Cor escura padrão: #353B49 Cor da luz padrão: #D3D6DC
sombra	Cor aplicada à sombra do cartão. Cor escura padrão: nº 151920 Cor da luz padrão: nº 151920
textoAcionável	Cor aplicada ao texto do botão ou planos de fundo realçados. Cor escura padrão: #07080B Cor da luz padrão: #FFFFFF
textoSecundário	Cor aplicada ao conteúdo do cartão e ao ícone e texto da barra de pesquisa. Cor escura padrão: #C1C5CD Cor da luz padrão: #2C323F
textoTerciário	Cor aplicada aos dias da semana em um calendário e como espaço reservado. Cor escura padrão: ##8F95A1 Cor da luz padrão: #454D5B

A seguir estão 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 }
}