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

Beispiel-Erweiterungen

Browser-Kompatibilität

BCD tables only load in the browser