Motyw to specjalne rozszerzenie, które zmienia wygląd przeglądarki. Motywy są pakowane tak jak zwykłe rozszerzenia, ale nie zawierają kodu JavaScript ani HTML.
Wiele motywów znajdziesz i wypróbujesz w Chrome Web Store.
Plik manifestu
Oto przykładowy plik manifest.json
dla motywu:
{
"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"
}
}
}
kolory
Kolory są w formacie RGB. Aby znaleźć ciągi, których możesz użyć w polu „colors”, zobacz kOverwritableColorTable
.
zdjęcia
Zasoby graficzne korzystają ze ścieżek względem głównej części rozszerzenia. Możesz zastąpić dowolne obrazy określone za pomocą ciągów znaków w polu kPersistingImages
. Wszystkie obrazy muszą być zapisane w formacie PNG. W przeciwnym razie nie będą renderowane prawidłowo.
usługi
W tym polu możesz określić właściwości takie jak wyrównanie tła, powtarzanie tła i logo alternatywne. Aby wyświetlić właściwości i ich wartości, zobacz kDisplayProperties
.
zabarwienia
Możesz określić odcienie, które będą stosowane do takich części interfejsu użytkownika, jak przyciski, ramka czy karta tła. Google Chrome obsługuje odcienie, a nie obrazy, ponieważ nie działają one na różnych platformach i łamują się w przypadku dodawania nowych przycisków. Aby znaleźć ciągi znaków, których możesz użyć w polu „odcienie”, zobacz kTintTable
.
Odcienie są określane w formacie HSL (odcień Hue-Saturation-Lightness), w którym określone są liczby zmiennoprzecinkowe z zakresu od 0 do 1,0:
- Hue jest wartością bezwzględną, gdzie 0 i 1 oznacza czerwony.
- Nasycenie jest określane względem aktualnie wyświetlanego zdjęcia. 0,5 to brak zmiany, 0 to całkowite wysycenie, a 1 – pełne wysycenie.
- Jasność również jest względna, przy czym 0,5 oznacza brak zmian, 0 jako wszystkie piksele czarne, a 1 – wszystkie piksele białe.
Możesz też użyć parametru -1.0
dla dowolnej wartości HSL, aby określić brak zmian.