테마는 브라우저의 모양을 변경하는 특별한 종류의 확장 프로그램입니다. 테마는 일반 확장 프로그램과 마찬가지로 패키징되지만 JavaScript 또는 HTML 코드는 포함하지 않습니다.
테마는 확장 프로그램과 동일한 절차를 사용하여 Chrome 웹 스토어에 업로드됩니다. 업로드 중에 카테고리를 선택하라는 메시지가 표시됩니다. Chrome 웹 스토어 문서의 권장사항에서 테마 카테고리 목록을 확인할 수 있습니다.
Chrome 웹 스토어에서 다양한 테마를 찾아 사용해 볼 수 있습니다.
매니페스트
다음은 테마의 manifest.json 파일 예시입니다.
{
"manifest_version": 3,
"version": "2.6",
"name": "camo theme",
"theme": {
"images" : {
"theme_frame" : "images/theme_frame_camo.png",
"theme_frame_overlay" : "images/theme_frame_stripe.png",
"theme_toolbar" : "images/theme_toolbar_camo.png",
"theme_ntp_background" : "images/theme_ntp_background_norepeat.png",
"theme_ntp_attribution" : "images/attribution.png"
},
"colors" : {
"frame" : [71, 105, 91],
"toolbar" : [207, 221, 192],
"ntp_text" : [20, 40, 0],
"ntp_link" : [36, 70, 0],
"ntp_section" : [207, 221, 192],
"button_background" : [255, 255, 255]
},
"tints" : {
"buttons" : [0.33, 0.5, 0.47]
},
"properties" : {
"ntp_background_alignment" : "bottom"
}
}
}
색상
색상은 RGB 형식입니다. 'colors' 필드 내에서 사용할 수 있는 문자열을 찾으려면 kOverwritableColorTable를 참고하세요.
이미지
이미지 리소스는 확장 프로그램의 루트에 상대적인 경로를 사용합니다. kPersistingImages의 문자열로 지정된 이미지를 재정의할 수 있습니다. 모든 이미지는 PNG 형식으로 저장되어야 하며 그렇지 않으면 올바르게 렌더링되지 않습니다.
속성
이 필드를 사용하면 배경 정렬, 배경 반복, 대체 로고와 같은 속성을 지정할 수 있습니다. 속성과 가능한 값을 보려면 kDisplayProperties를 참고하세요.
색조
버튼, 프레임, 배경 탭과 같은 UI 부분에 적용할 색조를 지정할 수 있습니다. 이미지는 여러 플랫폼에서 작동하지 않고 새 버튼을 추가할 때 취약하므로 Google Chrome에서는 이미지가 아닌 색조를 지원합니다. 'tints' 필드 내에서 사용할 수 있는 문자열을 찾으려면 kTintTable를 참고하세요.
색조는 0~1.0 범위의 부동 소수점 숫자를 사용하여 색조-채도-밝기 (HSL) 형식입니다.
- 색조는 절대 값이며 0과 1은 빨간색입니다.
- 채도는 현재 제공된 이미지를 기준으로 합니다. 0.5는 변경 없음, 0은 완전히 채도가 낮음, 1은 완전한 채도를 의미합니다.
- 밝기도 상대적이며 0.5는 변경 없음, 0은 모든 픽셀이 검은색, 1은 모든 픽셀이 흰색입니다.
또는 HSL 값에 -1.0을 사용하여 변경 없음을 지정할 수 있습니다.