2014/11/25
10:32
Tag: 
Android版Chromeでは、バージョン39にてサイト毎にテーマカラーのカスタマイズに対応し、（スマートフォン限定ながら）Android 5.0 Lollipop上ではそのテーマカラーでタブが表示されます。
また、Lollipopではステータスバーのアプリ毎のカラーカスタムにも対応していて、テーマカラーに応じてステータスバーの色も変わります。
上の画像の通り、カルーセル状の履歴一覧にてChromeタブ毎に履歴が表示されます。対応していればその色で、対応していなければ他のChromeタブと同じグレーで表示されます。サイト運営者なら是非対応したいところ。
- Chrome v39 On Lollipop Supports Custom Multitasking Header/Status Bar Colors With A Simple HTML Tag - Android Police
- Support for theme-color in Chrome 39 for Android - HTML5 Rocks
方法は簡単で、<head>～</head>の間に、以下のmetaタグを追加するだけ。
<meta name="theme-color" content="#ff7700">太字のff7700の部分は、ウチのBlogで使った色です。
自分のサイトのテーマカラーとなる色に置き換えて追加してください。
テーマカスタムした結果（+竹内史さん画像提供）
Blogger利用者だと、テンプレート→HTMLの編集と進み、<head>タグのすぐ後にmetaタグを追加すると良いでしょう。
編集前にバックアップを取るのをお忘れなく。
また、Chromeでは将来高解像度のFaviconに対応するようです。推奨サイズは192×192。以下のようなlinkタグを<head>～</head>に追加します
<link rel="icon" sizes="192x192" href="Favicon画像のURL">
