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.
Motywy są przesyłane do Chrome Web Store przy użyciu tej samej procedury co rozszerzenia. Podczas przesyłania pojawi się prośba o wybranie kategorii. Listę kategorii motywów znajdziesz w sekcji Sprawdzone metody w dokumentacji Chrome Web Store.
Wiele motywów znajdziesz i wypróbujesz w Chrome Web Store.
Plik manifestu
Oto przykładowy plik manifest.json dla motywu:
{
"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"
}
}
}
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.