Thème pour Now Assist la Agent virtuel messagerie instantanée améliorée
Vous pouvez personnaliser l’apparence de l’expérience de messagerie instantanée Now AssistAgent virtuel améliorée dans votre ServiceNow portail en mettant à jour les variables CSS (Cascading Style Sheet) pertinentes.
En tant qu’administrateur Agent virtuel ou administrateur, vous pouvez personnaliser les variables de thème de messagerie instantanée amélioré par défaut. Vous trouverez des informations sur la personnalisation des thèmes dans .Create a portal theme Modifiez ces variables dans la table suivante de l’enregistrement du champ de variables CSS (sp_theme). Vous pouvez également configurer ces variables avec un Include CSS associé au thème d’un portail.
Remarque :
Le logo d’en-tête de la messagerie instantanée est partagé entre la messagerie instantanée standard et la messagerie instantanée améliorée, et il est déterminé par le profil de personnalisation de la messagerie instantanée standard sélectionné. Vous ne pouvez pas configurer un logo d’en-tête de messagerie instantanée distinct pour chaque expérience. La mise à jour du logo d’en-tête de la messagerie instantanée dans une expérience le met à jour pour l’autre. Pour afficher le profil de marques, accédez à .
Pour les variables, nass fait référence au chat amélioré.Pour en savoir plus sur la messagerie instantanée améliorée, reportez-vous à la section Messagerie instantanée améliorée.
| Variable | Description | Valeurs par défaut |
|---|---|---|
| $now-sp-nass-agent-bubble-font-color | Couleur de police du message texte de l’agent. | $text couleur |
| $now-sp-nass-chat-user-message-bubble-bg-color | Couleur d’arrière-plan de bulle de message texte de l’utilisateur. | $brand-primaire-le plus léger |
| $now-sp-nass-user-bubble-font-color | Couleur de police du message texte de l’utilisateur. | $text couleur |
| $now-sp-nass-timestamp-color | Couleur du texte de l’horodatage. | $text en sourdine |
| $now-sp-nass-secondaire-texte-couleur | Couleur de texte secondaire, par exemple pour Actif. | $gray foncé |
| $now-sp-nass-system-msg-text-color | Couleur du texte du message système. | $text en sourdine |
| $now-sp-nass-base-input-field-placeholder-and-highlight-text-color | Couleur du texte d’entrée et opacité de 0,45 pour l’espace réservé. | $text couleur |
| $now-sp-nass-base-link-color | Couleur du lien. | $brand-primaire |
| $now-sp-nass-color-secondary_2 | Couleur secondaire du système de conception Now 2. | $brand-primaire-foncé |
| $now-sp-nass-modeless-dialog-header-bg-color | Couleur d’arrière-plan pour la barre d’en-tête primaire Now Assist . | #ffffff |
| $now-sp-nass-modeless-dialog-header-text-color | Couleur du texte pour l’en-tête primaire Now Assist . | $text couleur |
| $now-sp-nass-base-toolbar-labels-and-icons-color | Icônes de la barre d’outils du panneau de gauche. | $gray-lumière |
| $now-sp-nass-toolbar-icons-color--survol | Icônes de la barre d’outils du panneau de gauche en état de survol. | $gray foncé |
| $now-sp-nass-toolbar-icons-color--active | Icônes de la barre d’outils du panneau de gauche à l’état actif. | $text couleur |
| $now-sp-nass-toolbar-icons-fullscreen-mode-color | Icônes de la barre d’outils du panneau gauche en mode plein écran. | assombrir ($brand-primaire-plus foncé, 15 %) |
| $now-sp-nass-toolbar-icons-fullscreen-mode-color--active | Icônes de la barre d’outils du panneau de gauche en mode plein écran pour l’état actif. | $brand-primaire-foncé |
| $now-sp-nass-window-control-icons-color | Icônes des contrôles de fenêtre. | $text en sourdine |
| $now-sp-nass-window-control-icons-color--hover | Icônes des contrôles de fenêtre en état de survol. | $text couleur |
| $now-sp-nass-window-control-icons-color--active | Icônes des contrôles de fenêtre dans l’état actif. | $text couleur |
| $now-sp-nass-feedback-and-search-result-panel-color | Panneau de commentaires et icône des résultats de recherche. | $text en sourdine |
| $now-sp-nass-feedback-and-search-result-panel-selected-color | Icône sélectionnée dans le panneau de commentaires. | $text en sourdine |
| $now-sp-nass-action-et-kb-citation-color | Couleur d’action et Base de connaissances de lien | $link couleur |
| $now-sp-nass-color-primary-0 | Primaire-0 pour les pilules/boutons primaires. | $brand-primaire-le plus léger |
| $now-sp-nass-couleur-primaire-2 | Primaire-2 pour les pilules/boutons primaires à l’état actif. | $brand-primaire-foncé |
| $now-sp-nass-bouton-primaire-bg-couleur | Bouton Soumettre dans le contrôle du sélecteur de choix. | $btn-primaire-bg |
| $now-sp-nass-bouton-primaire-bg-couleur-active | Couleur d’arrière-plan active primaire du bouton. | $btn-primaire-bg |
| $now-sp-nass-button-selection-text-color | Now Design System secondaire-1 couleur | $brand-primaire |
| $now-sp-nass-tooltip-bg-color | Couleur d’arrière-plan de l’info-bulle pour les icônes de champ d’entrée. | $tooltip-bg |
| $now-sp-nass-tooltip-text-color | Couleur du texte de l’info-bulle pour les icônes de champ d’entrée. | $tooltip couleur |
| $now-sp-nass-alerte-couleur-critique | Couleur de l’indicateur non lu. | $brand-danger |
| $now-sp-nass-input-field-icon-color | Icône et icône de pièce jointe dans le champ d’entrée | $text en sourdine |
| $now-sp-nass-color-alert-moderate-3 | Couleur de l’icône de chargement animée. | #4345a6 |
| $now-sp-nass-corps-bg | Couleur d’arrière-plan primaire du corps. | #ffffff |
| $now-sp-nass-base-highlight-color | Couleur d’arrière-plan du texte correspondant lors de la recherche d’emojis. | éclaircir ($warning, 35 %) |
| $now-sp-nass-couleur-primaire-3 | Couleur des boutons nus dans l’état actif. | assombrir ($brand-primaire-plus foncé, 15 %) |
| $now-sp-nass-color-background-primary | Couleur d’arrière-plan du contenu. | #ffffff |
| $now-sp-nass-en-tête-panneau-bg-couleur | Couleur d’arrière-plan du panneau d’en-tête. | #ffffff |
| $now-sp-nass-bouton-bg-action-couleur | Couleur d’arrière-plan du bouton de sélection du sélecteur d’image. | $brand-primaire |
| $now-sp-nass-primary-button-action-text-color | Couleur du bouton de sélection du sélecteur d’image. | $sp-btn-texte-couleur |
|
$now-sp-nass-base-séparateur-couleur |
Séparateur. | $border-tertiaire |
| $now-sp-nass-chat-agent-message-bubble-bg-color | Couleur d’arrière-plan de la bulle de message de l’agent. | $gray-lumière |
| $now-sp-nass-citation-badge-color | Couleur du badge de citation. | $gray-briquet |
| $now-sp-nass-divider-and-border-tertiary-color | Couleur du séparateur et de la bordure du commutateur de rubrique en cours dans les résultats de recherche. | $border-tertiaire |
| $now-sp-nass-highlight-value-tertiaire-info-bg-color | Valeur d’informations en surbrillance dans la carte de rubrique en cours de parcours. | $state-info-bg |
| $now-sp-nass-fab-icon | Images de l’icône qui apparaissent sur le bouton d’action flottant. | icône de l’étincelle IA |
| $now-sp-nass-FAB-dégradé-couleur-1 | Première couleur du dégradé d’arrière-plan pour l’icône du bouton d’action flottant de la messagerie instantanée. | $brand-primaire-plus léger |
| $now-sp-nass-FAB-dégradé-couleur-2 | Deuxième couleur du dégradé d’arrière-plan pour l’icône du bouton d’action flottant de la messagerie instantanée. | $brand-info |
| $now-sp-nass-FAB-gradient-hover-color-1 | Première couleur du dégradé d’arrière-plan pour l’icône du bouton d’action flottante de la messagerie instantanée en état de survol. | $brand-primaire-foncé |
| $now-sp-nass-FAB-dégradé-couleur-survol-2 | Deuxième couleur du dégradé d’arrière-plan pour l’icône du bouton d’action flottant de la messagerie instantanée dans l’état de survol. | assombrir ($brand-info, 10 %) |
| $now-sp-nass-FAB-dégradé-couleur-active-1 | Première couleur du dégradé d’arrière-plan pour l’icône du bouton d’action flottante de la messagerie instantanée à l’état actif. | $brand-primaire |
| $now-sp-nass-FAB-dégradé-couleur-active-2 | Deuxième couleur du dégradé d’arrière-plan pour l’icône du bouton d’action flottante de la messagerie instantanée à l’état actif. | $brand-info |
| $now-sp-nass-FAB-icon-size-factor | Gère la taille de l’image dans l’icône de messagerie instantanée. | 1 |