theme.update()

Aktualisiert das Browser-Theme gemäß dem Inhalt des Theme Objekts.

Um diese Methode zu verwenden, muss eine Erweiterung im manifest.json Datei die "theme" Berechtigung anfordern.

Syntax

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

Parameter

windowId Optional

integer. Die ID eines Fensters. Wenn dies angegeben ist, wird das Theme nur auf dieses Fenster angewendet. Wenn es weggelassen wird, wird das Theme auf alle Fenster angewendet.

theme

object. Ein Theme Objekt, das die Werte für die UI-Elemente angibt, die Sie ändern möchten.

Beispiele

Setzt das Browser-Theme, um eine Sonnengrafik mit einer komplementären Hintergrundfarbe zu verwenden:

js
const sunTheme = {
  images: {
    theme_frame: "sun.jpg",
  },
  colors: {
    frame: "#CF723F",
    tab_background_text: "#111",
  },
};

browser.theme.update(sunTheme);

Setzen Sie das Theme nur für das fokussierte Fenster:

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

Beispielerweiterungen

Browser-Kompatibilität

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Firefox for Android
Safari on iOS
update
windowId

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support
No support
No support