Tema, tarayıcının görünümünü değiştiren özel bir uzantı türüdür. Temalar, normal uzantılar gibi paketlenir ancak JavaScript veya HTML kodu içermez.
Temalar, uzantılarla aynı prosedür kullanılarak Chrome Web Mağazası'na yüklenir. Yükleme sırasında bir kategori seçmeniz istenir. Tema kategorilerinin listesini Chrome Web Mağazası dokümanlarında En iyi uygulamalar bölümünde bulabilirsiniz.
Chrome Web Mağazası'nda birçok tema bulabilir ve deneyebilirsiniz.
Manifest
Aşağıda bir tema için örnek bir manifest.json dosyası verilmiştir:
{
"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"
}
}
}
renkler
Renkler RGB biçimindedir. "colors" alanında kullanabileceğiniz dizeleri bulmak için kOverwritableColorTable bölümüne bakın.
görseller
Resim kaynakları, uzantının köküne göreli yollar kullanır. kPersistingImages içindeki dizelerle belirtilen resimlerin herhangi birini geçersiz kılabilirsiniz. Tüm resimler PNG biçiminde depolanmalıdır. Aksi takdirde doğru şekilde oluşturulmazlar.
mülkler
Bu alan, arka plan hizalaması, arka plan tekrarı ve alternatif logo gibi özellikleri belirtmenize olanak tanır. Özellikleri ve alabileceği değerleri görmek için kDisplayProperties bölümüne bakın.
tonlar
Kullanıcı arayüzünün düğmeler, çerçeve ve arka plan sekmesi gibi bölümlerine uygulanacak tonları belirtebilirsiniz. Google Chrome, resimler platformlar arasında çalışmadığı ve yeni düğmeler eklendiğinde soruna yol açtığı için resimleri değil, tonları destekler. "Tints" alanında kullanabileceğiniz dizeleri bulmak için kTintTable bölümüne bakın.
Tonlar, 0 ile 1,0 arasındaki kayan nokta sayılarını kullanarak Ton-Doygunluk-Parlaklık (HSL) biçimindedir:
- Ton, 0 ve 1'in kırmızı olduğu mutlak bir değerdir.
- Doygunluk, şu anda sağlanan resme göredir. 0, 5 değişiklik yok, 0 tamamen doygun ve 1 tam doygunluk anlamına gelir.
- Parlaklık da görecelidir.0,5 değişiklik yok, 0 tüm pikseller siyah ve 1 tüm pikseller beyaz anlamına gelir.
Alternatif olarak, HSL değerlerinden herhangi biri için -1.0 değerini kullanarak değişiklik olmadığını belirtebilirsiniz.