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?


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ż.


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

Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.