Giao diện là một 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ư các tiện ích thông thường, nhưng không chứa mã JavaScript hoặc HTML.
Bạn có thể tải giao diện lên Cửa hàng Chrome trực tuyến theo quy trình tương tự như khi tải tiện ích lên. Trong quá trình tải lên, bạn sẽ được yêu cầu chọn một danh mục. Bạn sẽ tìm thấy danh sách các danh mục giao diện trong phần Phương pháp hay nhất của tài liệu về Cửa hàng Chrome trực tuyến.
Bạn có thể tìm và dùng thử nhiều chủ đề trên 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": 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"
}
}
}
màu
Màu ở định dạng RGB. Để tìm các chuỗi bạn có thể sử dụng trong trường "colors" (màu sắc), hãy xem kOverwritableColorTable.
hình ảnh
Tài nguyên hình ảnh sử dụng đường dẫn tương ứng với thư mục gốc của tiện ích. Bạn có thể ghi đè bất kỳ hình ảnh nào được chỉ định bằng 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 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 màu sắc để áp dụng cho các phần của giao diện người dùng, chẳng hạn như nút, khung và thẻ nền. Google Chrome hỗ trợ màu sắc, 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ễ bị lỗi trong trường hợp thêm nút mới. Để tìm các chuỗi bạn có thể sử dụng trong trường "tints", hãy xem kTintTable.
Màu sắc có định dạng Hue-Saturation-Lightness (HSL), sử dụng số dấu phẩy động trong khoảng từ 0 đến 1:
- Hue (Độ đậm nhạt) là một giá trị tuyệt đối, trong đó 0 và 1 là màu đỏ.
- Độ bão hoà tương ứng với hình ảnh hiện được cung cấp. 0, 5 là không thay đổi, 0 là hoàn toàn mất màu và 1 là độ bão hoà đầy đủ.
- Độ sáng cũng là một giá trị tương đối, trong đó 0, 5 là không thay đổi, 0 là tất cả pixel đều màu đen và 1 là tất cả pixel đều 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.