Android の Chrome でツールバーのテーマカラーを変更する方法

Android の Chrome でツールバーのテーマカラーを変更する方法

Android の Chrome でツールバーのテーマカラーを変更する方法を紹介します。
例えば、Android 端末でサイトを見た時の、デザインのアクセントに使えるかもしれません。

Chrome のツールバーのカラーを変更する方法

Chrome のツールバーのカラーを変更するにはメタタグ theme-color を使用します。
例えば、ツールバーのカラーを黒(#000000)に変更したい時は、次のコードを head タグ内に追加します。

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

カラーを変更する時は content 部分にカラーを指定します。
この方法は Lollipop 上の Chrome for Android バージョン39以降で有効です。

まとめ

Android の Chrome でツールバーのテーマカラーを変更する方法を紹介しました。