의 로고, 색상, 시스템 기본값 구성 코어 UI
기본 구성 코어 UI 모듈을 사용하여 회사 로고와 색상으로 인스턴스를 브랜딩하고 기본 시스템 기본값을 설정할 수 있습니다. 인스턴스를 처음 설정하거나 최근에 활성화 코어 UI한 경우 이 위치가 가장 좋은 시작점입니다.
시작하기 전에
- 헤더에 사용할 회사 배너 이미지를 가져옵니다. 이미지는 고해상도일 수 있지만 표시될 때 가로 세로 비율에 따라 크기가 조정됩니다. 최대 20px 높이로 확장됩니다.
- 일반적으로 마케팅 부서에서 회사의 브랜드 색상 16진수 또는 RGB 번호를 가져옵니다. 이를 사용하여 UI 배경색을 구성하는 방법을 결정합니다.
필요한 역할: admin
이 태스크 정보
- 이름: 빨강, 녹색 또는 파랑과 같은 미리 정의된 색 이름
- RGB 10진수: RGB(102, 153, 204)
- RGB 16진수: #223344
프로시저
결과
라호야와 코발트 테마 비교
La Jolla 테마는 의 새로운 브랜드 테마 ServiceNow입니다. 로 업그레이드 Madrid하면 테마가 La Jolla 테마로 자동 업그레이드됩니다. 시스템 테마에 대한 사용자 지정 작업은 업그레이드되지 않습니다. 아래 목록의 스타일을 사용하여 스타일을 새 테마나 이전 테마로 업그레이드하거나 되돌립니다.
다음으로 이동하여 이러한 스타일을 변경합니다. 레이블이 표시됩니다.
| 속성 | 라호야 스타일 | 코발트 스타일 |
|---|---|---|
| 헤더 배경색 css.$navpage-헤더-bg |
#ffffff | #303a46 |
| 헤더 구분선 색 css.$navpage-헤더-디바이더 색상 |
#5a7f71 | #455464 |
| 탐색 머리글/바닥글 css.$navpage-nav-bg |
#293e40 | #303A46 |
| 탐색 배경 확장 항목 css.$subnav-background-color |
#213234 | #303a46 |
| UI16의 모듈 텍스트 색 css.$navpage-nav-color-sub |
#bec1c6 | #bec1c6 |
| 탐색에서 선택된 탭의 배경 색 css.$navpage-nav-selected-bg |
#2f4fe | #4b545f |
| 탐색에서 선택된 탭의 구분선 막대 색 css.$nav-강조 표시 막대-활성 |
#82c9b8 | #278efc |
| 선택되지 않은 탐색 탭의 구분선 색 css.$nav-강조 표시 비활성 |
#213234 | #81878e |
| 탐색 구분 기호 색 css.$nav-hr-색상 |
#293e40 | #303a46 |
| 네비게이터 및 사이드바의 배경 css.$navpage-nav-bg-sub |
#293e40 | #455464 |
| UI16용으로 현재 선택한 탐색 탭 아이콘 색상 css.$navpage-nav-selected-color |
#82c9b8 | #ffffff |
| 선택되지 않은 탐색 탭 아이콘과 즐겨찾기 아이콘 색상 css.$navpage-nav-unselected-color |
#bec1c6 | #bec1c6 |
| UI16 테두리 색상 css.$navpage-nav-border |
#7a828a | #ddd |
| 선택한 기본 테마 glide.ui.base_theme.selected_theme |
라호야 SysID: c92c1ee153002300dda1ddeeff7b125b | 코발트 SysID: 6f3c9ae153002300dda1ddeeff7b124a |