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);