인스턴스 모양 사용자 지정
관리자는 전역 CSS 또는 시스템 속성을 변경하여 기본 인스턴스 인터페이스의 모양과 형식을 바꿀 수 있습니다. 기능에는 영향이 없습니다.
예를 들어 조직은 개발, 테스트 및 프로덕션 활동을 분리하기 위해 여러 인스턴스를 사용하는 경우가 많습니다. 사용자가 실수로 잘못된 인스턴스를 변경하는 것을 방지하기 위해 관리자는 각 인스턴스를 시각적으로 고유한 테마로 구성할 수 있습니다. 인스턴스 테마를 정의하는 데는 여러 가지 방법을 사용할 수 있습니다.
CSS 속성
다음으로 이동 .
CSS 속성을 통해 다음 속성을 사용할 수 있습니다.
주:
색상은 미리 정의된 색상 이름, RGB 10진수 또는 RGB 16진수를 사용하여 지정됩니다.
- 배너 텍스트 색
- 배너 및 목록 캡션 배경색
- 양식과 목록에 사용되는 글꼴(전역 글꼴 설정입니다)
- 단추 스타일(배경색, 테두리 색, 테두리 너비, 텍스트 색)
- 필드 상태 표시기 색상(변경됨, 필수 채워짐, 필수 미채움 및 읽기 전용 표시기 포함)
- 목록 셀 세로 맞춤
- 탐색기 메뉴 스타일(텍스트 글꼴 크기, 배경색, 텍스트 색)
- 헤더 글꼴 이름 및 크기
- 목록 및 양식 캡션 색상 재정의
- 전역 텍스트 검색 배경색(카탈로그 결과 및 지식베이스 결과 모두)
UI 속성
다음으로 이동 .
UI 속성을 통해 다음 속성을 사용할 수 있습니다.
- 활동 포매터에 사용되는 아이콘
- 추가 설명 및 작업 메모의 배경색
- 양식의 단추 배치
- 작업 활동 포매터에 사용되는 아이콘
- 인시던트 추가 설명 및 작업 메모의 배경색
CSS 클래스 지원
(UI16)에서는 코어 UI 릴리스에 따라 CSS 속성과 플랫폼 UI에 미치는 영향이 다릅니다.
주:
기본 구성 UI16 페이지에서 구성된 설정은 활성화된 넥스트 경험 인스턴스에는 적용되지 않습니다.
| CSS 클래스 | 설명 | 구성 방법 |
|---|---|---|
| $navpage-헤더-bg | 헤더 배경색 | 다음으로 이동 |
| $navpage-헤더-색상 | 헤더 텍스트와 전역 검색 아이콘의 색상 | 다음으로 이동 |
| $navpage-헤더-버튼-색상 | 로그인한 사용자 이름 텍스트와 전역 검색 커넥트, 도움말 및 설정 아이콘의 색상 | 테마의 CSS 필드에 CSS 속성을 추가합니다. 자세한 내용은 테마 생성 또는 사용자 지정 문서를 참조하십시오. |
| $navpage-헤더-구분선-색상 | 헤더 구분선 색 | 다음으로 이동 |
| $navpage 버튼 색상 | 사이드바의 다음 아이콘 색상
|
테마의 CSS 필드에 CSS 속성을 추가합니다. 자세한 내용은 테마 생성 또는 사용자 지정 문서를 참조하십시오. |
| $navpage-버튼-색상-호버 | 사용자가 컨트롤을 가리킬 때 다음 아이콘의 색상입니다.
|
테마의 CSS 필드에 CSS 속성을 추가합니다. 자세한 내용은 테마 생성 또는 사용자 지정 문서를 참조하십시오. |
| $search-텍스트-색상 | 탐색 필터와 전역 검색 필드 모두에서 검색 텍스트의 색입니다 | 테마의 CSS 필드에 CSS 속성을 추가합니다. 자세한 내용은 테마 생성 또는 사용자 지정 문서를 참조하십시오. |
| $navpage-탐색-테두리 | 탐색 필터와 대화 필터의 테두리 색상 | 다음으로 이동 |
| $nav-하이라이트-메인 | 사용자가 클릭한 후 모듈을 강조 표시합니다. 작업 공간에서 커넥트 선택한 대화가 강조 표시됩니다. | 테마의 CSS 필드에 CSS 속성을 추가합니다. 자세한 내용은 테마 생성 또는 사용자 지정 문서를 참조하십시오. |
| $subnav-배경-색상 | 확장된 탐색 항목의 배경 | 다음으로 이동 |
| $navpage-탐색-배경 | 탐색기 및 사이드바의 머리글 및 바닥글 | 다음으로 이동 |
| $navpage-탐색-bg-서브 | 네비게이터 및 사이드바의 배경 | 다음으로 이동 |
| $navpage-탐색-색상-서브 | 메인 탐색의 모듈에 대한 텍스트 색 | 테마의 CSS 필드에 CSS 속성을 추가합니다. 자세한 내용은 테마 생성 또는 사용자 지정 문서를 참조하십시오. |
| $navpage-탐색-모드-텍스트-호버 | 메인 탐색의 항목 위로 마우스를 가져갈 때의 텍스트 색상 | 지원되지 않음 |
| $nav-hr-color | 네비게이터 구분 기호 색 | 다음으로 이동 |
| $nav-하이라이트-바-활성 | 애플리케이션 네비게이터의 활성 탭 아래 라인입니다. 이 색상은 시스템 설정 아래 테마 탭에서 테마 미리 보기의 일부로도 사용됩니다. | 다음으로 이동 |
| $nav-highlight-bar-inactive | 애플리케이션 네비게이터의 비활성 탭 아래 라인 | 다음으로 이동 |
| $navpage-탐색-선택-배경 | 탐색에서 선택된 탭의 배경색 | 다음으로 이동 |
| $navpage-탐색-선택-색상 | 현재 선택한 탐색 탭 아이콘 색상 | 다음으로 이동 |
| $navpage-탐색-선택 취소-색상 | 선택되지 않은 탐색 탭 아이콘과 즐겨찾기 아이콘 색상 | 다음으로 이동 |
| $connect-최신 메시지 | 커넥트에서 현재 선택된 메시지의 색상 | 테마의 CSS 필드에 CSS 속성을 추가합니다. 자세한 내용은 테마 생성 또는 사용자 지정 문서를 참조하십시오. |
| $nav-timeago-header-color | 이력 탭의 타임스탬프 헤더 배경 | 지원되지 않음 |
| $navpage-nav-app-text | 애플리케이션과 같은 항목의 핵심 콘텐츠 텍스트 색 및 사이드바의 빈 상태 텍스트입니다 커넥트 . | 테마의 CSS 필드에 CSS 속성을 추가합니다. 자세한 내용은 테마 생성 또는 사용자 지정 문서를 참조하십시오. |
| $navpage-탐색-앱-텍스트-호버 | 선택한 모듈의 텍스트 색 | 테마의 CSS 필드에 CSS 속성을 추가합니다. 자세한 내용은 테마 생성 또는 사용자 지정 문서를 참조하십시오. |