Czym są motywy?

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.