향상된 채팅을 가상 에이전트 위한 Now Assist 테마
관련 CSS 스타일시트 변수를 업데이트하여 포털에서 향상된 채팅 환경의 ServiceNow 모양과 느낌을 Now Assist가상 에이전트 사용자 지정할 수 있습니다.
가상 에이전트 관리자 또는 관리자는 기본 향상된 채팅 테마 변수를 사용자 지정할 수 있습니다. 테마를 사용자 지정하는 방법에 대한 자세한 내용은 에서 확인할 수 있습니다 Create a portal theme. CSS 변수 필드(sp_theme) 기록 내에서 다음 테이블에서 이러한 변수를 편집합니다. 포털 테마와 연결된 CSS 포함을 사용하여 이러한 변수를 구성할 수도 있습니다.
주:
변수에 대해 nass는 향상된 채팅을 나타냅니다.
향상된 채팅에 대한 자세한 내용은 다음 문서를 참조하십시오 향상된 채팅.
| 변수 | 설명 | 기본값 |
|---|---|---|
| $now-sp-nass-agent-bubble-font-color | 에이전트 텍스트 메시지 글꼴 색상입니다. | $text색 |
| $now-sp-nass-chat-user-message-bubble-bg-color | 사용자 텍스트 메시지 거품형 배경색입니다. | $brand 기본 가장 가벼운 |
| $now-sp-nass-user-bubble-font-color | 사용자 텍스트 메시지 글꼴 색상입니다. | $text색 |
| $now-sp-nass-timestamp-color | 타임스탬프 텍스트 색입니다. | $text 음소거됨 |
| $now-sp-nass-보조 텍스트 색상 | 예를 들어 활성의 경우 보조 텍스트 색상입니다. | $gray 다크 |
| $now-sp-nass-system-msg-text-color | 시스템 메시지 텍스트 색상입니다. | $text 음소거됨 |
| $now-sp-nass-base-input-field-placeholder-and-highlight-text-color | 입력 텍스트 색상과 자리 표시자에 대한 .45 불투명도입니다. | $text색 |
| $now-sp-nass-base-link-color | 링크 색입니다. | $brand-primary |
| $now-sp-nass-color-secondary_2 | Now Design System 보조-2 색상. | $brand-primary-darker |
| $now-sp-nass-modeless-dialog-header-bg-color | 기본 Now Assist 헤더 막대의 배경색입니다. | #ffffff |
| $now-sp-nass-modeless-dialog-header-text-color | 기본 Now Assist 헤더의 텍스트 색입니다. | $text색 |
| $now-sp-nass-base-toolbar-labels-and-icons-color | 왼쪽 패널 도구 모음 아이콘. | $gray등 |
| $now-sp-nass-toolbar-icons-color--hover | 가리킨 상태의 왼쪽 패널 도구 모음 아이콘. | $gray 다크 |
| $now-sp-nass-toolbar-icons-color--active | 활성 상태의 왼쪽 패널 도구 모음 아이콘. | $text색 |
| $now-sp-nass-toolbar-icons-fullscreen-mode-color | 전체 화면 모드의 왼쪽 패널 도구 모음 아이콘. | 어둡게($brand-기본-진하게, 15%) |
| $now-sp-nass-toolbar-icons-fullscreen-mode-color--active | 왼쪽 패널 도구 모음 아이콘이 활성 상태인 전체 화면 모드입니다. | $brand-primary-darker |
| $now-sp-nass-window-control-icons-color | 창 컨트롤 아이콘. | $text 음소거됨 |
| $now-sp-nass-window-control-icons-color--hover | 창이 가리키기 상태의 아이콘을 제어합니다. | $text색 |
| $now-sp-nass-window-control-icons-color--active | 창은 활성 상태의 아이콘을 제어합니다. | $text색 |
| $now-sp-nass-feedback-and-search-result-panel-color | 피드백 패널 및 검색 결과 아이콘. | $text 음소거됨 |
| $now-sp-nass-feedback-and-search-result-panel-selected-color | 피드백 패널에서 선택한 아이콘입니다. | $text 음소거됨 |
| $now-sp-nass-action-and-kb-citation-color | 작업 및 지식베이스 링크 색 | $link색 |
| $now-sp-nass-color-primary-0 | 알약/기본 버튼의 경우 기본-0. | $brand 기본 가장 가벼운 |
| $now-sp-nass-color-primary-2 | 활성 상태의 알약/기본 버튼의 경우 기본-2입니다. | $brand-primary-darker |
| $now-sp-nass-button-primary-bg-color | 선택 선택기 컨트롤의 제출 버튼. | $btn-primary-bg |
| $now-sp-nass-button-primary-bg-active-color | 단추 기본 활성 배경색입니다. | $btn-primary-bg |
| $now-sp-nass-button-selection-text-color | Now Design System 보조-1 색상 | $brand-primary |
| $now-sp-nass-tooltip-bg-color | 입력 필드 아이콘의 도구 설명 배경색입니다. | $tooltip-bg |
| $now-sp-nass-tooltip-text-color | 입력 필드 아이콘의 도구 설명 텍스트 색입니다. | $tooltip색 |
| $now-sp-nass-alert-critical-color | 읽지 않은 표시기 색상입니다. | $brand 위험 |
| $now-sp-nass-input-field-icon-color | 입력 필드의 아이콘 및 첨부 파일 아이콘 | $text 음소거됨 |
| $now-sp-nass-color-alert-moderate-3 | 애니메이션 로딩 아이콘 색상입니다. | #4345a6 |
| $now-sp-nass-body-bg | 본문 기본 배경색입니다. | #ffffff |
| $now-sp-nass-base-highlight-color | 이모티콘을 검색할 때 일치하는 텍스트의 배경색입니다. | 밝게($warning, 35%) |
| $now-sp-nass-color-primary-3 | 활성 상태의 기본 버튼 색상입니다. | 어둡게($brand-기본-진하게, 15%) |
| $now-sp-nass-color-background-primary | 콘텐츠 배경색입니다. | #ffffff |
| $now-sp-nass-header-panel-bg-color | 헤더 패널 배경색입니다. | #ffffff |
| $now-sp-nass-button-bg-action-color | 이미지 선택기 선택 버튼 배경색입니다. | $brand-primary |
| $now-sp-nass-primary-button-action-text-color | 이미지 선택기 선택 버튼 색상. | $sp-btn-text-color |
|
$now-sp-nass-base-separator-color |
구분 기호. | $border차 |
| $now-sp-nass-chat-agent-message-bubble-bg-color | 에이전트 메시지 거품형 배경색입니다. | $gray등 |
| $now-sp-nass-citation-badge-color | 인용 배지 색상입니다. | $gray 라이터 |
| $now-sp-nass-divider-and-border-tertiary-color | 검색 결과에서 중간 주제 전환의 구분선 및 테두리 색상입니다. | $border차 |
| $now-sp-nass-highlight-value-tertiary-info-bg-color | 중간 주제 카드에서 강조 표시된 정보 값입니다. | $state-info-bg |
| $now-sp-nass-FAB-그라데이션-색상-1 | 채팅 부동 작업 버튼 아이콘에 대한 배경 그라데이션의 첫 번째 색상입니다. | $brand 기본 라이터 |
| $now-sp-nass-FAB-그라디언트-색상-2 | 채팅 플로팅 작업 버튼 아이콘에 대한 배경 그라데이션의 두 번째 색상입니다. | $brand 정보 |
| $now-sp-nass-FAB-그라디언트-호버-색상-1 | 호버 상태의 채팅 플로팅 작업 버튼 아이콘에 대한 배경 그라데이션의 첫 번째 색상입니다. | $brand-primary-darker |
| $now-sp-nass-FAB-그라디언트-호버-색상-2 | 호버 상태의 채팅 플로팅 작업 버튼 아이콘에 대한 배경 그라데이션의 두 번째 색상입니다. | 어둡게($brand-info, 10%) |
| $now-sp-nass-FAB-그라데이션-활성 색상-1 | 활성 상태의 채팅 플로팅 작업 버튼 아이콘에 대한 배경 그라데이션의 첫 번째 색상입니다. | $brand-primary |
| $now-sp-nass-FAB-그라데이션-활성 색상-2 | 활성 상태의 채팅 플로팅 작업 버튼 아이콘에 대한 배경 그라데이션의 두 번째 색상입니다. | $brand 정보 |