theme.update()
Updates the browser theme according to the content of given Theme
object.
Syntax
browser.theme.update(
windowId, // integer
theme // object
)
Parameters
windowId
Optionalinteger
. The ID of a window. If this is provided, the theme is applied only to that window. If it is omitted the theme is applied to all windows.theme
object
. ATheme
object specifying values for the UI elements you want to modify.
Browser compatibility
Report problems with this compatibility data on GitHubwebextensions-desktop | webextensions-mobile | |||||
---|---|---|---|---|---|---|
update | ChromeNo supportNo | EdgeNo supportNo | FirefoxFull support55 | OperaNo supportNo | SafariNo supportNo | Firefox for AndroidNo supportNo |
windowId | ChromeNo supportNo | EdgeNo supportNo | FirefoxFull support57 | OperaNo supportNo | SafariNo supportNo | Firefox for AndroidNo supportNo |
Legend
- Full support
- Full support
- No support
- No support
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
Examples
Sets the browser theme to use a sun graphic with complementary background color:
const suntheme = {
images: {
theme_frame: 'sun.jpg',
},
colors: {
frame: '#CF723F',
tab_background_text: '#111',
}
};
browser.theme.update(suntheme);
Set the theme for just the currently focused window:
const day = {
images: {
theme_frame: 'sun.jpg',
},
colors: {
frame: '#CF723F',
tab_background_text: '#111',
}
};
browser.menus.create({
id: "set-theme",
title: "set theme",
contexts: ["all"]
});
async function updateThemeForCurrentWindow() {
let currentWindow = await browser.windows.getLastFocused();
browser.theme.update(currentWindow.id, day);
}
browser.menus.onClicked.addListener(updateThemeForCurrentWindow);