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

テーマカラーを表示するスマートフォンのスクリーンショット。

Lollipop を搭載した Android 版 Chrome のバージョン 39 以降で、 theme-color メタタグを使用してツールバーの色を設定。これにより、 シアトルのグレーのツールバー構文は非常にシンプルです。meta タグを ページの <head>name="theme-color" に置き換え、content を任意の 有効な CSS 色です。

たとえば、背景を好みの色や HTML5Rocks オレンジに設定するには、次のようにします。

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

また、Chrome で開いたビューには高解像度のファビコンが 表示されます。Chrome for Android では、指定された最も高い解像度のアイコンが選択されます。 192×192 ピクセルの PNG ファイルを使用することをおすすめします例:

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

HTML5Rocks と Web Fundamentals のサイトでテーマカラーを確認してください。 Chronicle の ホーム画面のドキュメントに追加 をご覧ください。