테마는 브라우저의 모양을 변경하는 특별한 종류의 확장 프로그램입니다. 테마는 일반 확장 프로그램처럼 패키징되지만 자바스크립트 또는 HTML 코드를 포함하지 않습니다.
Chrome 웹 스토어에서 다양한 테마를 찾아 사용해 볼 수 있습니다.
매니페스트
다음은 테마의 manifest.json 파일 예입니다.
{
"manifest_version": 2,
"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 부분에 적용할 색조를 지정할 수 있습니다. 이미지는 플랫폼 간에 작동하지 않으며 새 버튼을 추가할 때 불안정하기 때문에 Chrome은 이미지가 아닌 색조를 지원합니다. 'tints' 필드에서 사용할 수 있는 문자열을 찾으려면 kTintTable를 참고하세요.
색조는 색조-채도-밝기 (HSL) 형식이며 0~1.0 범위의 부동 소수점 숫자를 사용합니다.
- 색조는 절댓값이며 0과 1은 빨간색입니다.
- 채도는 현재 제공된 이미지를 기준으로 합니다. 0.5는 변경 없음, 0은 완전히 저채도, 1은 완전 포화입니다.
- 밝기도 상대적입니다. 0.5는 변화 없음, 0은 모든 픽셀 검은색, 1은 모든 픽셀 흰색을 나타냅니다.
또는 HSL 값에 -1.0를 사용하여 no change를 지정할 수도 있습니다.