Apa itu tema?

Tema adalah jenis ekstensi khusus yang mengubah tampilan browser. Tema dikemas seperti ekstensi reguler, tetapi tidak berisi kode JavaScript atau HTML.

Tema diupload ke Chrome Web Store menggunakan prosedur yang sama dengan ekstensi. Selama upload, Anda akan diminta untuk memilih kategori. Anda akan menemukan daftar kategori tema dalam dokumentasi Chrome Web Store di bagian Praktik terbaik.

Anda dapat menemukan dan mencoba banyak tema di Chrome Web Store.

Manifes

Berikut adalah contoh file manifest.json untuk tema:

{
  "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"
    }
  }
}

warna

Warna dalam format RGB. Untuk menemukan string yang dapat Anda gunakan dalam kolom "colors", lihat kOverwritableColorTable.

gambar

Resource gambar menggunakan jalur yang relatif terhadap root ekstensi. Anda dapat mengganti gambar yang ditentukan oleh string di kPersistingImages. Semua gambar harus disimpan dalam format PNG atau tidak akan dirender dengan benar.

properti

Kolom ini memungkinkan Anda menentukan properti seperti perataan latar belakang, pengulangan latar belakang, dan logo alternatif. Untuk melihat properti dan nilai yang dapat dimilikinya, lihat kDisplayProperties.

tint

Anda dapat menentukan tint yang akan diterapkan ke bagian UI seperti tombol, bingkai, dan tab latar belakang. Google Chrome mendukung tint, bukan gambar, karena gambar tidak berfungsi di seluruh platform dan tidak stabil jika menambahkan tombol baru. Untuk menemukan string yang dapat Anda gunakan dalam kolom "tints", lihat kTintTable.

Tint menggunakan format Hue-Saturation-Lightness (HSL), menggunakan bilangan floating point dalam rentang 0 - 1,0:

• Hue adalah nilai absolut, dengan 0 dan 1 berwarna merah.
• Saturasi bersifat relatif terhadap gambar yang saat ini disediakan. 0,5 adalah tidak ada perubahan, 0 adalah saturasi sepenuhnya hilang, dan 1 adalah saturasi penuh.
• Kecerahan juga bersifat relatif, dengan 0,5 berarti tidak ada perubahan, 0 berarti semua piksel hitam, dan 1 berarti semua piksel putih.

Atau, Anda dapat menggunakan -1.0 untuk salah satu nilai HSL untuk menentukan tidak ada perubahan.