Как разработать тему Google Chrome?


8

У меня есть несколько идей дизайна для Google Chrome. Я хочу преобразовать это в тему.

Я много искал, но не нашел удовлетворительного объяснения, как это сделать. Знаете ли вы, что нужно сделать? Может быть, какая-то ссылка?


1
Больше вопроса программирования это. Я голосую, чтобы перенести его в переполнение стека.
ChrisF

Ответы:


10

Загрузите любую доступную тему для Chrome, например эту .

Переименуйте его, чтобы он имел расширение .zip. Откройте его с помощью вашего любимого инструмента архивации.

Тема описана в файле manifest.json. Он дает ссылки на изображения, используемые в теме. Они находятся в каталоге «i» в шкале серого. Изображения в формате PNG.

Вот формат файла manifest.json для оттенков серого:

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

Используйте это как шаблон для ваших собственных тем.

Вы также найдете больше информации здесь .


как мне открыть ссылки в iкаталоге ?? Мне нужно знать, какого размера должны .pngбыть файлы ...
Lazer

переименуйте их с расширением .png и откройте их с помощью графического редактора
Snark

хорошо, кстати, почему такие сложные имена? Есть ли какая-то проблема в названии моего .pngфайла, скажем top.png,?
Lazer

нет, см. образец манифеста в последней ссылке моего ответа
Snark

2
Использование существующей темы в качестве шаблона недостаточно, потому что многие темы изменяют только части браузера. Что делать, если вы хотите изменить то, чего не сделал автор темы? Как вы узнаете, какие имена / свойства / и т.д. использовать?
Synetech

Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.