theme.update() 编辑

Updates the browser theme according to the content of given Theme object.

Syntax

browser.theme.update(
  windowId,    // integer
  theme        // object
)

Parameters

windowId Optional
integer. 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. A Theme object specifying values for the UI elements you want to modify.

Browser compatibility

BCD tables only load in the browser

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

Example extensions

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据

词条统计

浏览:68 次

字数:2837

最后编辑:6 年前

编辑次数:0 次

我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文