it-swarm-ja.com

Google chromeテーマを開発する方法は?

GoogleChromeのデザインのアイデアがいくつかあります。テーマに変換したいです。

たくさん検索しましたが、どうすればいいのか十分な説明が見つかりませんでした。何をする必要があるか知っていますか?いくつかのリンク、おそらく?

8
Lazer

たとえば this one など、Chromeで利用可能なテーマをダウンロードします。

名前を変更して、拡張子が.Zipになるようにします。お気に入りのアーカイブツールで開きます。

テーマはmanifest.jsonというファイルに記述されています。テーマで使用されている画像へのリンクを提供します。それらは、Greyscaleディレクトリの「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]
        }
    }
}

これを独自のテーマのテンプレートとして使用してください。

詳細については、 here もあります。

10
Snark

ChromiumのGoogleCodeサイトにテーマを作成するための 公式 ガイドがあります。

3
Synetech