댓글 검색 목록

[기타] chrome extention - 34. 테마

페이지 정보

작성자 운영자 작성일 20-11-06 13:29 조회 629 댓글 0

테마는 브라우저의 모양을 변경하는 특별한 종류의 확장 프로그램입니다. 테마는 일반 확장과 같이 패키징 되지만 JavaScript 또는 HTML 코드를 포함하지 않습니다.


Chrome 웹 스토어에서 다양한 테마를 찾아 사용해 볼 수 있습니다.


green plants theme love smoke theme jus d'orange theme 


Manifest 


다음은 테마에 대한 manifest.json 파일의 예입니다.


{
  "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"
    }
  }
}

colors 


색상은 RGB 형식입니다. "colors"필드에서 사용할 수 있는 문자열을 찾으려면 kOverwritableColorTable을 참조하십시오.


images 


이미지 리소스는 확장의 루트에 상대적인 경로를 사용합니다. kPersistingImages의 문자열로 지정된 이미지를 재정의 할 수 있습니다.


properties 


이 필드를 사용하면 배경 정렬, 배경 반복 및 대체 로고와 같은 속성을 지정할 수 있습니다. 속성과 속성이 가질 수 있는 값을 보려면 kDisplayProperties를 참조하십시오.


tints 


버튼, 프레임, 배경 탭과 같은 UI 부분에 적용 할 색조를 지정할 수 있습니다. Google 크롬은 이미지가 아닌 색조를 지원합니다. 이미지는 여러 플랫폼에서 작동하지 않고 새 버튼을 추가 할 때 깨지기 때문입니다. "tints"필드에서 사용할 수 있는 문자열을 찾으려면 kTintTable을 참조하십시오.


색조는 0-1.0 범위의 부동 소수점 숫자를 사용하는 HSL (Hue-Saturation-Lightness) 형식입니다.


Hue는 절대 값이며 0과 1은 빨간색입니다.

Saturation는 현재 제공된 이미지를 기준으로 합니다. 0.5는 변화 없음, 0은 완전히 불포화, 1은 완전한 채도입니다.

Lightness도 상대적입니다. 0.5는 변경 없음, 0은 모든 픽셀, 1은 모든 픽셀 흰색입니다.


HSL 값에 -1.0을 사용하여 변경 사항을 지정하지 않을 수도 있습니다.



댓글목록 0

등록된 댓글이 없습니다.

웹학교 로고

온라인 코딩학교

코리아뉴스 2001 - , All right reserved.