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 サイトでご覧ください。サイトを目立たせるその他の方法については、ホーム画面に追加に関するドキュメントをご覧ください。