Android 版 Chrome 39 でテーマカラーをサポート

テーマカラーが表示されているスマートフォンのスクリーンショット。

Lollipop 版 Chrome for Android バージョン 39 以降では、theme-color メタタグを使用してツールバーの色を設定できるようになりました。シアトル グレーのツールバーはもう必要ありません。構文はとてもシンプルです。name="theme-color" を使ってページの <head>meta タグを追加し、content を有効な CSS の色に設定します。

たとえば、背景を好みの色や HTML5Rocks のオレンジ色に設定するには:

<meta name="theme-color" content="#db5945">

また、美しい高解像度のファビコンを提供すると、そのファビコンも表示されるようになります。Chrome for Android では、指定された高解像度のアイコンが選択されます。192x192 ピクセルの PNG ファイルを使用することをおすすめします。次に例を示します。

<link rel="icon" sizes="192x192" href="nice-highres.png">

テーマカラーは、こちらの HTML5Rocks と Web Fundamentals サイトでご覧ください。サイトを目立たせるその他の方法については、ホーム画面に追加に関するドキュメントをご覧ください。