theme-color

**theme-color** 值用於 name 屬性的 <meta> 元素，指示使用者代理應使用以自定義頁面或周圍使用者介面顯示的建議顏色。如果指定，content 屬性必須包含有效的 CSS <color>。

示例

html
<meta name="theme-color" content="#4285f4" />

下圖顯示了上述 <meta> 元素對在 Android 移動裝置上執行的 Chrome 中顯示的文件的影響。

Image showing the effect of using theme-color

圖片來源：來自 圖示和瀏覽器顏色，由 Google 建立和共享，並根據 知識共享署名 4.0 許可 中描述的條款使用。

您可以在 media 屬性中提供媒體型別或查詢；如果媒體條件為真，則僅設定顏色。例如

html
<meta name="theme-color" media="(prefers-color-scheme: light)" content="cyan" />
<meta name="theme-color" media="(prefers-color-scheme: dark)" content="black" />

規範

規範
HTML 標準
# meta-theme-color

瀏覽器相容性

BCD 表格僅在瀏覽器中載入

另請參閱