browserSettings.overrideContentColorScheme

一个其底层值为字符串的 BrowserSetting 对象。

Firefox 使用户能够为浏览器 UI 选择主题。这些主题会将浅色或深色主题应用于网页。使用 layout.css.prefers-color-scheme.content-override 首选项,用户可以覆盖主题并选择以浅色或深色主题呈现网页,或遵循设备的主题。此浏览器设置公开了该首选项。

此对象采用以下值

  • "light": 将浅色主题应用于网页。
  • "dark": 将深色主题应用于网页。
  • "system": 根据设备的主题将浅色或深色主题应用于网页。
  • "browser": 根据浏览器的主题将浅色或深色主题应用于网页。

浏览器兼容性

BCD 表格仅在浏览器中加载

示例

此示例将设置覆盖为使用网页的深色主题

js
function logResult(result) {
  console.log(`Setting was modified: ${result}`);
}

browser.browserSettings.overrideContentColorScheme
  .set({ value: "dark" })
  .then(logResult);