Tema adalah jenis ekstensi khusus yang mengubah tampilan browser. Tema dikemas seperti ekstensi biasa, tetapi tidak berisi kode JavaScript atau HTML.
Anda dapat menemukan dan mencoba berbagai tema di Chrome Web Store.
Manifes
Berikut adalah contoh file manifest.json
untuk tema:
{
"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"
}
}
}
warna
Warna dalam format RGB. Untuk menemukan string yang dapat Anda gunakan dalam kolom "warna", lihat
kOverwritableColorTable
.
gambar
Resource gambar menggunakan jalur yang relatif terhadap root ekstensi. Anda dapat mengganti gambar apa pun
yang ditentukan oleh string dalam kPersistingImages
. Semua gambar harus disimpan dalam format PNG
atau gambar tidak akan dirender dengan benar.
properti
Kolom ini memungkinkan Anda menentukan properti seperti perataan latar belakang, pengulangan latar belakang, dan
logo alternatif. Untuk melihat properti dan nilai yang dapat dimilikinya, lihat kDisplayProperties
.
tint
Anda dapat menentukan tint yang akan diterapkan ke bagian UI seperti tombol, frame, dan
tab latar belakang. Google Chrome mendukung tint, bukan gambar, karena gambar tidak berfungsi di seluruh platform
dan rapuh saat menambahkan tombol baru. Untuk menemukan string yang dapat Anda gunakan dalam
kolom "tints", lihat kTintTable
.
Tint dalam format Hue-Saturation-Lightness (HSL), menggunakan angka floating point dalam rentang 0 - 1.0:
- Hue adalah nilai absolut, dengan 0 dan 1 berwarna merah.
- Saturasi bersifat relatif dengan gambar yang saat ini disediakan. 0,5 tidak ada perubahan, 0 benar-benar terdesaturasi, dan 1 adalah saturasi penuh.
- Kecerahan juga relatif, dengan 0,5 sebagai tidak ada perubahan, 0 sebagai semua piksel hitam, dan 1 sebagai semua piksel putih.
Atau, Anda dapat menggunakan -1.0
untuk nilai HSL mana pun guna menentukan tidak ada perubahan.