Bagaimana cara mengembangkan tema Google chrome?

8

Saya punya beberapa ide desain untuk Google Chrome. Saya ingin mengubahnya menjadi tema.

Saya banyak mencari, tetapi tidak menemukan penjelasan yang memuaskan tentang bagaimana cara melakukannya. Apakah Anda tahu apa yang perlu dilakukan? Beberapa tautan, mungkin?

Lazer
sumber
1
Lebih banyak pertanyaan pemrograman ini. Saya memilih untuk memigrasikannya ke Stack Overflow.
ChrisF

Jawaban:

10

Unduh tema apa pun yang tersedia untuk Chrome, seperti ini misalnya.

Ganti nama itu sehingga memiliki ekstensi .zip. Buka dengan alat pengarsipan favorit Anda.

Tema ini dijelaskan dalam file bernama manifest.json. Ini memberi tautan ke gambar yang digunakan dalam tema. Mereka ada di direktori "i" di Greyscale. Gambar-gambar tersebut dalam format PNG.

Berikut adalah format file manifest.json untuk Greyscale:

{
"version":"1.0",
"name":"Greyscale",
"theme":
{"images":
    {
    "theme_frame":"i/agxjaHJvbWV0aGVtZXNyDAsSBEZpbGUY6ZwBDA",
    "theme_toolbar":"i/agxjaHJvbWV0aGVtZXNyDAsSBEZpbGUY6pwBDA",
    "theme_button_background":"i/agxjaHJvbWV0aGVtZXNyDAsSBEZpbGUYtawBDA"
    },
"colors":
    {
    "frame":[32,32,32],
    "toolbar":[210,210,246],
    "tab_text":[0,0,0],
    "tab_background_text":[0,0,0],
    "bookmark_text":[0,0,0],
    "ntp_background":[235,235,235],
    "ntp_text":[0,0,0],
    "ntp_link":[0,0,120],
    "ntp_section":[210,210,210,1],
    "ntp_section_text":[0,0,0],
    "ntp_section_link":[0,0,120]
    },
"properties":
    {
    "ntp_background_alignment":"bottom",
    "ntp_background_repeat":"no-repeat"},
    "tints":
        {
        "buttons":[0.6,0,0.5]
        }
    }
}

Gunakan ini sebagai templat untuk tema Anda sendiri.

Anda juga akan menemukan informasi lebih lanjut di sini .

Snark
sumber
bagaimana cara membuka tautan di idirektori ?? Saya perlu tahu ukuran .pngfile apa yang harus ...
Lazer
ganti nama mereka dengan ekstensi .png dan buka dengan editor gambar
Snark
oke, btw, mengapa nama begitu rumit? Apakah ada masalah dalam memberi nama .pngfile saya sebagai, katakanlah top.png,?
Lazer
tidak, lihat contoh manifes di tautan terakhir jawaban saya
Snark
2
Menggunakan tema yang ada sebagai templat tidak cukup baik karena banyak tema hanya memodifikasi bagian browser. Bagaimana jika Anda ingin mengubah sesuatu yang tidak dilakukan oleh pembuat tema? Bagaimana Anda mengetahui nama / properti / dll. menggunakan?
Synetech
3

Ada panduan resmi untuk membuat tema di situs Google Code Chromium.

Synetech
sumber
tautan sudah mati, bagaimana cara mendapatkan konten lama ini?
Greg
2
Berikut ini adalah cache halaman dari 22 Agustus 2015, dari Internet Archive.
gregh