TECH BOX

Technology developer's blog

[Android限定]Chromeアドレスバーの色を変更する

AndroidのGoogle Chrome限定で上部アドレスバーを任意の色で指定することが可能。
サイトのキーカラーなどを指定することによって、他サイトとちょっとだけ差別化ができます。

Lolipop(5.0)以降でChromeが39以降であれば対応しています。

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

設定は上記のみなので、手軽に導入が可能です。

chrome_theme_color

実機ではこんな感じにアドレスバーの色が変更されます。
アドレスバー内のテキストカラーはAndroid側が適切な色に変換してくれるので便利。

Write a commets