데스크톱 도우미의 테마 사용자 지정
사용 가능한 테마를 적용하거나 조직의 브랜딩에 맞게 특정 테마 CSS 변수를 수정하여 애플리케이션의 데스크톱 도우미 테마를 사용자 지정합니다.
시작하기 전에
[sn_dex_desktop] 애플리케이션이 설치되었는지 확인합니다 DEX 데스크톱 도우미 . 자세한 내용은 다음을 참조하십시오. 설치 애플리케이션 및 장치 상태 및 다운로드 및 설치 데스크톱 도우미.
필요한 역할: sn_dex_desktop.admin
프로시저
-
테마를 데스크톱 도우미 사용자 지정합니다. 주:직원 센터(EC) 테마는 에 적용된 기본 테마입니다.데스크톱 도우미
방법 단계 사용 가능한 다른 테마 적용 - 양식의 데스크톱 도우미테마 필드에서 목록을 사용하여 조회 아이콘을
선택합니다. - 테마 페이지의 테마 목록에서 테마를 선택합니다.
선택한 테마가 양식의 테마 필드에서 업데이트됩니다 데스크톱 도우미 .
- 업데이트를 선택합니다.
특정 CSS 변수를 수정하여 기본 테마 사용자 지정 - 양식에서 데스크톱 도우미테마 필드 근처에 있는 이 기록 미리 보기 아이콘을
선택합니다. - 미리 보기 대화 상자에서 기록 열기를 선택합니다.
- CSS 변수 섹션에서 다음 방법 중 하나를 통해 미리 정의된 변수를 수정합니다.
- 직접 값 할당: 변수에 직접 값을 할당합니다. 예를 들어
$sp-space—xl: 4px; - 간접 값 할당: 다른 변수의 값을 변수에 할당하여 기존 변수에 대한 참조를 만듭니다. 예:
$badge-color: $text-white; - ceil() 함수 사용: 변수 값을 계산하고 ceil() 함수를 사용하여 값을 가장 가까운 정수로 반올림합니다. 예:
ceil(($font-size-base * 1.125)) // 18px;
- 직접 값 할당: 변수에 직접 값을 할당합니다. 예를 들어
- 업데이트를 선택합니다.
기본 테마 이외의 테마 사용자 지정 - 양식의 데스크톱 도우미테마 필드에서 목록을 사용하여 조회 아이콘을 선택합니다.
- 테마 페이지의 테마 목록에서 테마를 선택합니다.
선택한 테마가 양식의 테마 필드에서 업데이트됩니다 데스크톱 도우미 .
- 테마 필드 근처에 있는 이 기록 미리보기 아이콘을 선택합니다.
- 미리 보기 대화 상자에서 기록 열기를 선택합니다.
- CSS 변수 섹션에서 다음 방법 중 하나를 통해 미리 정의된 변수를 수정합니다.
- 직접 값 할당: 변수에 직접 값을 할당합니다. 예를 들어
$sp-space—xl: 4px; - 간접 값 할당: 다른 변수의 값을 변수에 할당하여 기존 변수에 대한 참조를 만듭니다. 예:
$badge-color: $text-white; - ceil() 함수 사용: 변수 값을 계산하고 ceil() 함수를 사용하여 값을 가장 가까운 정수로 반올림합니다. 예:
ceil(($font-size-base * 1.125)) // 18px;
- 직접 값 할당: 변수에 직접 값을 할당합니다. 예를 들어
- 업데이트를 선택합니다.
자세한 내용은 테마를 사용자 지정하기 위한 변수 데스크톱 도우미 문서를 참조하십시오.
- 양식의 데스크톱 도우미테마 필드에서 목록을 사용하여 조회 아이콘을