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


8

Google Chromeのデザインアイデアをいくつか持っています。テーマにしたいです。

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


1
プログラミングの詳細はこれについて質問します。Stack Overflowへの移行に投票します。
ChrisF

回答:


10

このテーマなど、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]
        }
    }
}

これを独自のテーマのテンプレートとして使用します。

詳細については、こちらもご覧ください。


iディレクトリ内のリンクを開くにはどうすればよいですか?.pngファイルのサイズを知る必要があります...
Lazer

拡張子を.pngに変更して画像エディターで開く
Snark

わかりました、ところで、なぜそんなに複雑な名前ですか?.pngたとえば、ファイルに名前を付けることに問題はありますtop.pngか?
Lazer、

いいえ、私の回答の最後のリンクのサンプルマニフェストを参照してください
Snark '21

2
多くのテーマはブラウザの一部のみを変更するため、既存のテーマをテンプレートとして使用するだけでは不十分です。テーマの作者が変更しなかったものを変更したい場合はどうなりますか?どのようにして、どのような名前/プロパティ/その他を見つけますか。使用する?
Synetech 2010年

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.