“meta”要素~“name="theme-color"”

“name="theme-color"”

“name="theme-color"”が指定された“meta”要素はユーザー・エージェントがウェブページを表示するのに使用したり、周りのインターフェースの色として使用するためのウェブページのテーマカラーを提案します。

対応するブラウザではアドレスバーの色などのインターフェースの色にテーマカラーが使用されます。

“media”属性を使用してブラウザがダークテーマかどうかなどのメディア条件でテーマカラーの対象を指定することができます。

サンプルコード

<meta name="theme-color" content="#98d8c8">


属性と値

“content”属性の値は16進数カラーコードやRGB値(“rgb()”関数)、カラーネームなどで色を指定できます。

仕様書