Motyw to specjalny rodzaj rozszerzenia, który 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 w taki sam sposób jak rozszerzenia. Podczas przesyłania zostanie wyświetlona prośba o wybranie kategorii. Listę kategorii motywów znajdziesz w dokumentacji Chrome Web Store w sekcji Sprawdzone metody.
W Chrome Web Store znajdziesz wiele motywów, które możesz wypróbować.
Plik manifestu
Oto przykładowy plik manifest.json z motywem:
{
"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 znaków, których możesz używać w polu „colors”, zapoznaj się z artykułem kOverwritableColorTable.
zdjęcia
Ścieżki zasobów obrazów są podawane względem katalogu głównego rozszerzenia. Możesz zastąpić dowolne obrazy określone przez ciągi znaków w kPersistingImages. Wszystkie obrazy muszą być przechowywane w formacie PNG, w przeciwnym razie nie będą prawidłowo wyświetlane.
usługi
To pole umożliwia określenie właściwości takich jak wyrównanie tła, powtarzanie tła i logo alternatywne. Więcej informacji o właściwościach i ich wartościach znajdziesz w sekcji kDisplayProperties.
zabarwienia
Możesz określić odcienie, które mają być stosowane do części interfejsu, takich jak przyciski, ramka i karta tła. Google Chrome obsługuje odcienie, a nie obrazy, ponieważ obrazy nie działają na różnych platformach i są niestabilne w przypadku dodawania nowych przycisków. Aby znaleźć ciągi znaków, których możesz używać w polu „tints”, zapoznaj się z artykułem kTintTable.
Odcienie są podawane w formacie HSL (hue-saturation-lightness), czyli odcień-nasycenie-jasność, przy użyciu liczb zmiennoprzecinkowych z zakresu 0–1,0:
- Odcień to wartość bezwzględna, gdzie 0 i 1 oznaczają kolor czerwony.
- Nasycenie jest określane w stosunku do przesłanego obrazu. Wartość 0,5 oznacza brak zmiany, 0 oznacza całkowite odbarwienie, a 1 – pełną nasycenie.
- Jasność jest również wartością względną: 0, 5 to brak zmiany, 0 to wszystkie piksele czarne, a 1 to wszystkie piksele białe.
Możesz też użyć wartości -1.0 dla dowolnej wartości HSL, aby określić brak zmiany.