theme.update()
Aktualisiert das Browser-Theme entsprechend dem Inhalt des Theme-Objekts.
Um diese Methode zu verwenden, muss eine Erweiterung die "theme"-Berechtigung in ihrer manifest.json-Datei anfordern.
Syntax
js
browser.theme.update(
windowId, // integer
theme // object
)
Parameter
windowIdOptional-
integer. Die ID eines Fensters. Wenn dies angegeben wird, wird das Theme nur auf dieses Fenster angewendet. Wenn es weggelassen wird, wird das Theme auf alle Fenster angewendet. theme-
object. EinTheme-Objekt, das die Werte für die UI-Elemente angibt, die Sie ändern möchten.
Beispiele
Setzt das Browser-Theme so, dass ein Sonnenbild mit einer komplementären Hintergrundfarbe verwendet wird:
js
const sunTheme = {
images: {
theme_frame: "sun.jpg",
},
colors: {
frame: "#CF723F",
tab_background_text: "#111111",
},
};
browser.theme.update(sunTheme);
Setzt das Theme nur für das fokussierte Fenster:
js
const day = {
images: {
theme_frame: "sun.jpg",
},
colors: {
frame: "#CF723F",
tab_background_text: "#111111",
},
};
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
Loading…