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

8

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

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

Lazer
источник
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
3

Существует официальное руководство по созданию тем на сайте Google Code Google.

Synetech
источник
ссылка мертва, как нам получить этот старый контент?
Грег
2
Вот кеш страницы от 22 августа 2015 года из Интернет-архива.
Грег