Jak opracować motyw Google Chrome?

8

Mam kilka pomysłów projektowych dla Google Chrome. Chcę przekonwertować go na motyw.

Dużo szukałem, ale nie znalazłem satysfakcjonującego wyjaśnienia, jak to zrobić. Czy wiesz, co należy zrobić? Może jakiś link?

Lazer
źródło
1
Więcej o programowaniu to pytanie. Głosuję za przeniesieniem go do stosu przepełnienia.
ChrisF

Odpowiedzi:

10

Pobierz wszelkie dostępne motyw dla Chrome, podobnie jak ten na przykład.

Zmień nazwę, aby miał rozszerzenie .zip. Otwórz go za pomocą swojego ulubionego narzędzia do archiwizacji.

Kompozycję opisano w pliku o nazwie manifest.json. Daje linki do obrazów używanych w motywie. Są w katalogu „i” w Skali szarości. Obrazy są w formacie PNG.

Oto format pliku manifest.json dla Skala szarości:

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

Użyj tego jako szablonu do własnych motywów.

Znajdziesz więcej informacji tutaj też.

Snark
źródło
jak mogę otworzyć linki w ikatalogu? Muszę wiedzieć, jaki rozmiar powinny .pngmieć pliki ...
Lazer
zmień ich nazwy z rozszerzeniem .png i otwórz je za pomocą edytora zdjęć
Snark
dobrze, a tak przy okazji, dlaczego tak złożone nazwy? Czy jest jakiś problem z nazwaniem mojego .pngpliku jako, powiedzmy top.png,?
Lazer
nie, zobacz przykładowy manifest w ostatnim linku mojej odpowiedzi
Snark
2
Używanie istniejącego motywu jako szablonu nie jest wystarczające, ponieważ wiele motywów modyfikuje tylko części przeglądarki. Co jeśli chcesz zmienić coś, czego nie zrobił autor motywu? Jak dowiedzieć się, jakie nazwy / właściwości / itp. używać?
Synetech
3

Istnieje oficjalny przewodnik po tworzeniu motywów na stronie Google Code Chromium.

Synetech
źródło
link nie działa, jak uzyskać tę starą treść?
Greg,
2
Oto pamięć podręczna strony z 22 sierpnia 2015 r. Z Archiwum internetowego.
gregh