Android端末でサイトを表示していると、たまにブラウザのヘッダー(URLが表示されているあたり)に色が設定されているサイトがありませんか？
サイトやサービスにテーマカラーがある場合は、設定することでよりサイトカラーを強調できるので、未設定な方は設定してみましょう。なお、この設定はAndroid x Chromeのみ有効で、PCやiPhoneには反映されません。
theme-colorを設定する
実現する方法はシンプルで、以下のmetaタグを追記するのみです。
<meta name="theme-color" content="#333333">実際に適用すると以下のように見た目が変わります。
それではみなさん、自由なWEBライフをお過ごしください！
