Giao diện là loại tiện ích đặc biệt giúp thay đổi giao diện của trình duyệt. Giao diện được đóng gói như tiện ích thông thường, nhưng không chứa mã JavaScript hoặc HTML.
Bạn có thể tìm và thử một loạt các chủ đề tại Cửa hàng Chrome trực tuyến.
Tệp kê khai
Dưới đây là tệp manifest.json mẫu cho một giao diện:
{
"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"
}
}
}
màu
Màu ở định dạng RGB. Để tìm các chuỗi bạn có thể sử dụng trong trường "màu", hãy xem kOverwritableColorTable.
hình ảnh
Tài nguyên hình ảnh sử dụng các đường dẫn tương ứng với gốc của phần mở rộng. Bạn có thể ghi đè bất kỳ hình ảnh nào được chỉ định bởi các chuỗi trong kPersistingImages. Tất cả hình ảnh phải được lưu trữ ở định dạng PNG, nếu không thì sẽ không hiển thị đúng cách.
các tài sản
Trường này cho phép bạn chỉ định các thuộc tính như căn chỉnh nền, lặp lại nền và
biểu trưng thay thế. Để xem các thuộc tính và giá trị mà các thuộc tính đó có thể có, hãy xem kDisplayProperties.
sắc thái màu
Bạn có thể chỉ định sắc thái màu cho các phần của giao diện người dùng như nút, khung và thẻ nền. Google Chrome hỗ trợ sắc thái màu (chứ không phải hình ảnh) vì hình ảnh không hoạt động trên các nền tảng và dễ vỡ khi thêm các nút mới. Để tìm các chuỗi bạn có thể sử dụng trong trường "sắc thái màu", hãy xem kTintTable.
Phủ màu có định dạng Hue-Saturation-Lightness (HSL), sử dụng số dấu phẩy động trong khoảng 0 – 1.0:
- Hue là một giá trị tuyệt đối, trong đó 0 và 1 là màu đỏ.
- Độ bão hoà liên quan đến hình ảnh hiện được cung cấp. 0, 5 là không thay đổi, 0 là khử bão hoà hoàn toàn và 1 là độ bão hoà hoàn toàn.
- Độ sáng cũng là tương đối, trong đó 0, 5 là không thay đổi, 0 là toàn bộ điểm ảnh màu đen và 1 là toàn bộ pixel màu trắng.
Ngoài ra, bạn có thể sử dụng -1.0 cho bất kỳ giá trị HSL nào để chỉ định không thay đổi.