나만의 Chrome 테마를 만드는 방법

웹 브라우저의 모양을 사용자 정의하고 싶었던 적이 있습니까? Google Chrome용 테마를 사용하면 바로 이러한 작업을 수행할 수 있습니다. Chrome 테마 스토어에는 우주 테마부터 자동차, 아름다운 풍경에 이르기까지 다양한 옵션이 있을 수 있지만 원하는 옵션이 하나도 없거나 자신의 사진 중 하나를 테마로 사용하도록 Chrome을 맞춤설정하려는 경우 대신 배경? 글쎄, 운 좋게도 그렇게 할 수 있습니다.

나만의 테마를 만드는 방법에는 두 가지가 있습니다. Chrome에는 새 탭 페이지의 배경 이미지를 가져오고 여러 사전 설정에서 사용자 인터페이스의 색 구성표를 사용자 지정할 수 있는 간단한 내장 기능이 있습니다. 내장된 Chrome 기능에 원하는 만큼의 사용자 지정 옵션이 없는 경우 ThemeBeta 라는 웹사이트 에서 기능이 풍부하면서도 사용하기 쉬운 Chrome 테마 생성기를 제공합니다(설치 프로세스가 약간 더 복잡한). 이 기사에서는 두 도구를 모두 사용하여 나만의 Chrome 테마를 만드는 과정을 안내합니다.

간단한 내장 Chrome 도구

내장된 Chrome 테마 편집기를 사용하려면 새 탭을 엽니다. 새 탭 페이지의 오른쪽 하단 모서리에 연필 아이콘이 있습니다. 이 아이콘을 클릭하면 Chrome의 모양을 사용자 지정할 수 있습니다.

연필 아이콘을 클릭하여 테마 편집기를 엽니다.

연필 아이콘을 클릭하면 나타나는 팝업 창에서 첫 번째 옵션은 배경 그림을 구성하는 것입니다. 여기에서 매우 제한된 수의 사전 설정 옵션 중에서 선택하거나 자신의 이미지를 업로드할 수 있습니다. 이 배경 그림은 새 탭 페이지에만 적용되며 실제 웹사이트의 배경이 되지는 않습니다.

새 탭 페이지의 배경 그림을 선택합니다.

배경 이미지를 선택했으면 "색상 및 테마" 탭으로 이동합니다. 여기에서 색상 조합을 선택할 수 있습니다. 이러한 색상 옵션은 Chrome 사용자 인터페이스를 구성하는 탭과 검색 및 북마크 바의 색상에 영향을 줍니다. 즉, 방문하는 대부분의 사이트에서 브라우저의 상단 표시줄이 항상 이 색상이기 때문에 이 색상이 배경 사진보다 더 눈에 띌 것입니다!

미리 설정된 색 구성표를 선택합니다.

사전 설정된 색 구성표 중 원하는 색 구성표가 없는 경우 왼쪽 상단 색 옵션을 사용하여 선택할 수 있는 전체 스펙트럼의 색 구성표와 함께 고유한 색 구성표를 선택할 수 있습니다. 색상을 선택하려면 먼저 왼쪽 상단 기호를 클릭한 다음 나타나는 팝업을 사용하여 색상을 선택하십시오. 색상 스펙트럼의 십자선을 조정하여 음영을 얻고 창 오른쪽의 검은색 화살표를 조정하여 톤의 밝기를 선택합니다. 이것이 어떻게 작동하는지 확실하지 않은 경우 - 검은색 화살표를 위 또는 아래로 더 많이 움직일수록 색상이 더 밝거나 어두워집니다. 더 강렬한 음영을 위해 십자선을 상단 근처에 설정하고 화살표를 중앙에 설정합니다. 더 옅은 색상의 경우 십자선을 약간 낮추고 화살표를 위로 이동합니다.

원하는 색상을 선택했으면 오른쪽 하단의 "사용자 정의 색상에 추가"를 클릭합니다. 그런 다음 왼쪽 하단의 "사용자 지정 색상" 목록에서 사용자 지정 색상을 선택한 다음 "확인"을 클릭하여 적용합니다. 맞춤 색 구성표를 선택하는 경우 한 가지 색상만 선택할 수 있습니다. Chrome은 두 번째 유사한 색상을 선택하여 가장 적합하다고 생각하는 테마를 완성합니다.

팁: Chrome은 거의 항상 사용자가 선택한 색상이 두 가지 테마 색상 중 더 어둡다고 가정하고 더 밝은 두 번째 음영을 선택합니다. 그에 따라 선택하십시오!

사용자 지정 색 구성표를 선택합니다.

배경 사진과 색상 세트가 마음에 들면 "완료"를 클릭하여 사용자 정의 테마를 저장하면 준비가 된 것입니다!

간단해진 타사 테마

간단한 테마를 원하면 Chrome 내장 도구로 충분하지만 더 많은 개성을 원하면 ThemeBeta가 더 많은 제어 기능을 제공합니다. 웹사이트에서 전경 및 배경 탭의 색상, 탭 막대의 텍스트 등을 수동으로 수정할 수 있습니다.

먼저 ThemeBeta의 웹사이트에 접속해야 합니다. 홈페이지 에서 사용자가 제출한 테마를 탐색 하거나 테마 작성자 페이지 로 바로 이동 하여 나만의 테마 를 시작할 수 있습니다. 테마 작성자의 첫 번째 단계는 배경 이미지를 선택하는 것입니다. "1. 이미지 업로드”를 클릭한 다음 하드 드라이브에서 이미지를 업로드합니다. 이 그림은 테마의 기초가 되며 새 탭 페이지의 배경 이미지가 됩니다.

팁: 업로드하는 모든 이미지는 지원되는 유일한 형식이므로 PNG 또는 JPG 파일 형식이어야 합니다. 이미지가 다른 경우 온라인 변환기를 사용하십시오.

업로드한 이미지가 제대로 보이지 않으면 너무 확대되었거나 측면 또는 상단에 막대가 있는 것일 수 있습니다. 그러면 "배경 이미지" 옵션을 변경해 보아야 합니다. 각각 수평 정렬, 수직 정렬, 이미지가 화면에 비해 너무 작은 경우 이미지가 반복되는 경우, 화면에 맞게 이미지 크기를 조정하는 방법 및 수동 크기 조정 조정을 구성합니다. 만족스러운 것을 찾을 때까지 옵션을 테스트하십시오!

배경 이미지의 위치를 ​​구성합니다.

이미지가 업로드되면 페이지 오른쪽의 미리보기가 업데이트되어 테마가 어떻게 생겼는지 나타냅니다. 두 번째 단계는 "2. 색상 생성”에서 이 버튼은 업로드한 사진에 있는 색상을 사용하여 나머지 사용자 인터페이스에서 사용할 유사한 색상의 구개를 만듭니다.

자동으로 생성된 색 구성표가 원하는 모양에 맞는 경우 여기에서 설치 지침으로 건너뛸 수 있습니다 . 그러나 전경 탭, 배경 탭 및 도구 모음과 같은 항목의 색상을 수동으로 구성하려는 경우 세부 정보는 아래 고급 구성 섹션에서 다룹니다.

고급 구성

왼쪽 상단에는 두 개의 고급 구성 옵션 탭이 있으며 첫 번째는 "이미지"입니다. 여기에서 특정 요소의 배경 이미지를 구성할 수 있습니다. 각 옵션 위에 마우스를 올려 놓으면 해당 설정이 미리보기에서 수정할 요소가 빨간색으로 강조 표시됩니다.

옵션에 마우스를 가져가면 사용자 인터페이스의 어떤 부분이 변경되는지 확인할 수 있습니다.

팁: NTP는 "새 탭 페이지"의 약자이며 이 약어로 시작하는 옵션은 새 탭 페이지에만 있고 다른 옵션은 다른 페이지에서 볼 수 있습니다.

• "NTP 배경"은 기본 배경을 구성합니다. 이전에 이미지를 가져온 경우 이미 "로드" 상태가 됩니다.
• “Frame”은 탭 목록, 검색창, 북마크바를 제외한 사용자 인터페이스를 구성합니다.
• "도구 모음"은 활성 탭, 책갈피 모음 및 검색 모음 주변 영역을 구성합니다.
• "탭 배경"은 비활성 탭의 배경색을 구성합니다.
• "프레임 오버레이"를 사용하면 "프레임"의 이미지를 오버레이하는 두 번째 이미지를 구성할 수 있습니다.
• "NTP 속성"은 일반적으로 워터마크 목적으로 새 탭 페이지의 왼쪽 하단 모서리에 이미지를 추가합니다.

팁: 이미지를 업로드했는데 모양이 마음에 들지 않으면 관련 "로드됨" 표시 옆에 있는 "X" 버튼을 클릭하여 이미지를 제거할 수 있습니다. 이미지를 업로드하여 해당 요소의 배경색이 변경된 경우 수동으로 다시 설정하거나 "기본" 탭에서 "색상 생성"을 다시 클릭하여 색 구성표를 재설정할 수 있습니다.

두 번째 고급 탭의 제목은 "색상"입니다. 여기에서 옆에 상자가 있는 이전 페이지의 옵션과 마찬가지로 상자를 사용하여 색상 선택기를 열고 각 요소에 대해 단색을 선택할 수 있습니다. 다시 한 번 구성 옵션 위로 마우스를 가져가면 미리 보기에서 영향을 받는 요소가 빨간색으로 강조 표시됩니다.

상자를 클릭하여 각 요소에 대한 색상 선택기를 엽니다.

• "Toolbar"는 새 탭 페이지의 왼쪽 하단에 있는 ThemeBeta 속성 레이블의 배경색을 구성합니다.
• "탭 텍스트"는 탭 목록에서 현재 활성화된 탭의 텍스트 색상을 구성합니다. 또한 새 탭 페이지의 왼쪽 하단 모서리에 있는 ThemeBeta 속성 텍스트의 색상을 설정합니다.
• "배경 탭 텍스트"는 탭 목록에서 비활성 탭의 텍스트 색상을 구성합니다.
• "책갈피 텍스트"는 책갈피 막대에 있는 항목의 텍스트 색상을 구성합니다.
• "NTP 텍스트"는 페이지 중앙에 있는 텍스트 또는 권장/일반 페이지 링크의 색상을 구성합니다.
• "NTP 링크"는 효과가 없습니다.
• "제어 버튼"은 오른쪽 상단 모서리에 있는 최소화, 최대화 및 닫기 버튼의 색상을 구성합니다.
• "버튼"은 앞으로, 뒤로, 다시 로드 및 홈 버튼의 색상을 구성합니다.

모든 고급 옵션을 원하는 방식으로 구성했으면 설치 프로세스를 진행할 준비가 된 것입니다.

타사 테마 설치

보안상의 이유로 Google은 이제 Chrome 웹 스토어를 통해서만 확장 프로그램과 테마를 설치할 수 있도록 허용합니다. 사용자 정의 테마를 설치하려면 개발자 기능을 활성화해야 합니다. 불행히도, 이 변경은 "기본" 탭과 "팩" 탭 모두에 있는 간단한 "포장 및 설치" 버튼이 더 이상 작동하지 않음을 의미합니다. "Pack and Install" 방법을 시도하면 오류 메시지가 나타납니다.

타사 CRX 파일은 Chrome에 설치할 수 없습니다.

이 문제를 해결하려면 "Pack" 탭으로 이동하여 "Pack and Download Zip file"을 클릭하십시오.

"Pack" 탭에서 "Pack and Download Zip file" 버튼을 클릭합니다.

zip 파일이 다운로드되면 파일의 압축을 풀고 하드 드라이브에 저장합니다. 다운로드한 파일을 두 번 클릭하고 파일 뷰어 상단에서 추출을 선택합니다. 파일을 추출할 위치를 선택해야 합니다. 더 쉽게 다시 업로드할 수 있도록 저장 위치를 ​​기억하십시오.

팁: 테마가 무엇인지 나타내기 위해 폴더 이름을 바꾸면 나중에 다시 사용하려는 경우 더 쉽게 찾을 수 있습니다.

ZIP 파일에서 파일을 추출하고 하드 드라이브에 저장합니다.

다음 단계는 Chrome 확장 프로그램 페이지입니다. 오른쪽 상단 모서리에 있는 세 개의 점을 클릭하고 "추가 도구"를 클릭한 다음 "확장 프로그램"을 클릭하거나 여기 를 클릭하여 액세스할 수 있습니다 .

점 3개를 클릭한 다음 추가 도구 > 확장 프로그램을 클릭합니다.

확장 메뉴에 들어가면 페이지 오른쪽 상단 모서리에 "개발자 모드"라고 표시된 슬라이더가 있습니다. 활성화합니다. 개발자 모드가 활성화되면 왼쪽 상단 모서리에 세 개의 버튼이 나타납니다. 당신이 필요로하는 것은 "포장 풀기"입니다. "압축 풀기"를 클릭하고 이전에 zip 파일에서 압축을 푼 폴더를 가져옵니다.

개발자 모드를 활성화한 다음 "Unpacked 로드"를 클릭합니다.

팁: 포함된 "이미지" 폴더가 아니라 상위 폴더를 가져오려고 합니다. 이전에 이름을 바꾸지 않은 경우 "theme1234567890"과 같은 이름이 지정됩니다.

테마를 가져오면 현재 탭에 테마가 설치되었음을 확인하고 실행 취소 버튼을 제공하는 경고가 나타납니다. 이 경고를 닫기 전에 새 탭을 열고 모든 것이 원하는 대로 표시되는지 확인하십시오.

결과에 만족할 때까지 확인 알림을 숨기지 마십시오!

테마가 원하는 대로 되지 않으면 "실행 취소"를 클릭하고 템플릿을 다시 수정해 보십시오. 결과에 만족하면 '확장 프로그램' 페이지를 닫고 반짝이는 새 맞춤 Chrome 테마로 계속 탐색하세요.