데스크톱 도우미의 테마 사용자 지정

  • 릴리스 버전: Australia
  • 업데이트 날짜 2026년 03월 12일
  • 소요 시간: 2분

    • 사용 가능한 테마를 적용하거나 조직의 브랜딩에 맞게 특정 테마 CSS 변수를 수정하여 애플리케이션의 데스크톱 도우미 테마를 사용자 지정합니다.

    시작하기 전에

    [sn_dex_desktop] 애플리케이션이 설치되었는지 확인합니다 DEX 데스크톱 도우미 . 자세한 내용은 다음을 참조하십시오. 설치 애플리케이션 및 장치 상태 및 다운로드 및 설치 데스크톱 도우미.

    필요한 역할: sn_dex_desktop.admin

    프로시저

    1. 다음으로 이동 모두 > 데스크톱 도우미 > 구성 > 애플리케이션.
    2. 테마를 데스크톱 도우미 사용자 지정합니다.
      주:
      직원 센터(EC) 테마는 에 적용된 기본 테마입니다.데스크톱 도우미
      방법단계
      사용 가능한 다른 테마 적용
      1. 양식의 데스크톱 도우미테마 필드에서 목록을 사용하여 조회 아이콘을 선택합니다.
      2. 테마 페이지의 테마 목록에서 테마를 선택합니다.

        선택한 테마가 양식의 테마 필드에서 업데이트됩니다 데스크톱 도우미 .

      3. 업데이트를 선택합니다.
      특정 CSS 변수를 수정하여 기본 테마 사용자 지정
      1. 양식에서 데스크톱 도우미테마 필드 근처에 있는 이 기록 미리 보기 아이콘을 선택합니다.
      2. 미리 보기 대화 상자에서 기록 열기를 선택합니다.
      3. CSS 변수 섹션에서 다음 방법 중 하나를 통해 미리 정의된 변수를 수정합니다.
        • 직접 값 할당: 변수에 직접 값을 할당합니다. 예를 들어 $sp-space—xl: 4px;
        • 간접 값 할당: 다른 변수의 값을 변수에 할당하여 기존 변수에 대한 참조를 만듭니다. 예: $badge-color: $text-white;
        • ceil() 함수 사용: 변수 값을 계산하고 ceil() 함수를 사용하여 값을 가장 가까운 정수로 반올림합니다. 예: ceil(($font-size-base * 1.125)) // 18px;
      4. 업데이트를 선택합니다.
      기본 테마 이외의 테마 사용자 지정
      1. 양식의 데스크톱 도우미테마 필드에서 목록을 사용하여 조회 아이콘을 선택합니다.
      2. 테마 페이지의 테마 목록에서 테마를 선택합니다.

        선택한 테마가 양식의 테마 필드에서 업데이트됩니다 데스크톱 도우미 .

      3. 테마 필드 근처에 있는 이 기록 미리보기 아이콘을 선택합니다.
      4. 미리 보기 대화 상자에서 기록 열기를 선택합니다.
      5. CSS 변수 섹션에서 다음 방법 중 하나를 통해 미리 정의된 변수를 수정합니다.
        • 직접 값 할당: 변수에 직접 값을 할당합니다. 예를 들어 $sp-space—xl: 4px;
        • 간접 값 할당: 다른 변수의 값을 변수에 할당하여 기존 변수에 대한 참조를 만듭니다. 예: $badge-color: $text-white;
        • ceil() 함수 사용: 변수 값을 계산하고 ceil() 함수를 사용하여 값을 가장 가까운 정수로 반올림합니다. 예: ceil(($font-size-base * 1.125)) // 18px;
      6. 업데이트를 선택합니다.

      자세한 내용은 테마를 사용자 지정하기 위한 변수 데스크톱 도우미 문서를 참조하십시오.