Pete LePage
Lollipop 版 Chrome のバージョン 39 以降では、theme-color メタタグを使用してツールバーの色を設定できるようになりました。これにより、シアトル グレーのツールバーは表示されなくなります。構文は非常にシンプルです。name="theme-color" を使用してページの <head> に meta タグを追加し、content を有効な CSS 色に設定します。
たとえば、背景をお好みの色または HTML5Rocks オレンジに設定するには、次のようにします。
<meta name="theme-color" content="#db5945">
また、高解像度のアイコンが提供されている場合は、Chrome に美しい高解像度のアイコンが表示されます。Android 版 Chrome は、指定されたアイコンの中で最も解像度の高いアイコンを選択します。192×192 ピクセルの PNG ファイルを指定することをおすすめします。次に例を示します。
<link rel="icon" sizes="192x192" href="nice-highres.png">
テーマカラーについては、HTML5Rocks と ウェブの基礎のサイトをご覧ください。また、サイトを目立たせるためのその他の方法については、ホーム画面に追加するドキュメントをご覧ください。