4장. 그래픽 사용자 인터페이스 브랜딩 및 검사

그래픽 요소를 사용자 정의하려면 사용자 정의 가능한 요소를 사용자 지정 브랜드 자료로 수정하거나 교체하고 컨테이너 파일을 업데이트할 수 있습니다.

설치 프로그램의 사용자 지정 가능 그래픽 요소는 설치 프로그램 런타임 파일 시스템의 /usr/share/anaconda/pixmaps/ 디렉터리에 저장됩니다. 이 디렉터리에는 다음 사용자 지정 가능 파일이 포함되어 있습니다.

pixmaps
├─ anaconda-password-show-off.svg
├─ anaconda-password-show-on.svg
├─ right-arrow-icon.png
├─ sidebar-bg.png
├─ sidebar-logo.png
└─ topbar-bg.png

또한 /usr/share/anaconda/ 디렉터리에는 기본 UI 요소의 파일 이름 및 매개 변수 - 로고 및 상단 표시줄의 배경을 결정하는 anaconda-$k.css 라는 CSS 스타일시트가 포함되어 있습니다. 파일에는 요구 사항에 따라 사용자 지정할 수 있는 다음 내용이 있습니다.

/* theme colors/images */

@define-color product_bg_color @redhat;

/* logo and sidebar classes */

.logo-sidebar {
   background-image: url('/usr/share/anaconda/pixmaps/sidebar-bg.png');
   background-color: @product_bg_color;
   background-repeat: no-repeat;
}

/* Add a logo to the sidebar */

.logo {
   background-image: url('/usr/share/anaconda/pixmaps/sidebar-logo.png');
   background-position: 50% 20px;
   background-repeat: no-repeat;
   background-color: transparent;
}

/* This is a placeholder to be filled by a product-specific logo. */

.product-logo {
   background-image: none;
   background-color: transparent;
}

AnacondaSpokeWindow #nav-box {
   background-color: @product_bg_color;
   background-image: url('/usr/share/anaconda/pixmaps/topbar-bg.png');
   background-repeat: no-repeat;
   color: white;
}

CSS 파일의 가장 중요한 부분은 해상도에 따라 스케일링을 처리하는 방법입니다. PNG 이미지 배경은 확장되지 않으며 항상 실제 크기에 표시됩니다. 대신 배경은 투명한 배경을 가지고 있으며 스타일시트는 @define 색상 라인에서 일치하는 배경 색상을 정의합니다. 따라서 배경 이미지 "케이드"를 배경색 으로, 즉 이미지 확장 없이도 모든 해상도에서 배경 이미지가 작동합니다.

background-repeat 매개변수를 배경을 타일 타일로 변경하거나 설치하려는 모든 시스템에 동일한 표시 해상도가 있다고 확신하는 경우 전체 표시줄을 채우는 배경 이미지를 사용할 수도 있습니다.

위에 나열된 모든 파일을 사용자 지정할 수 있습니다. 이렇게 하면 2.2절의 지침에 따라 "product.img File"을 생성하여 사용자 지정 그래픽을 사용하여 고유한 product.img를 만든 다음, 섹션 2.3, "사용자 지정 부팅 이미지 생성"을 클릭하여 변경 사항이 포함된 새로운 부팅 가능한 ISO 이미지를 생성합니다.