--- title: update slug: Mozilla/Add-ons/WebExtensions/API/theme/update tags: - API - Add-ons - Extensions - Method - Refernce - Theme - Update - WebExtensions translation_of: Mozilla/Add-ons/WebExtensions/API/theme/update --- <div>{{AddonSidebar()}}</div> <p>Met à jour le thème du navigateur en fonction du contenu de l'objet {{WebExtAPIRef("theme.Theme", "Theme")}} donné.</p> <h2 id="Syntaxe">Syntaxe</h2> <pre class="brush: js">browser.theme.update( windowId, // integer theme // object ) </pre> <h3 id="Paramètres">Paramètres</h3> <dl> <dt><code>windowId</code> {{optional_inline}}</dt> <dd><code>integer</code>. L'ID d'une fenêtre. Si cela est prévu, le thème est appliqué uniquement à cette fenêtre. S'il est omis, le thème est appliqué à toutes les fenêtres.</dd> </dl> <dl> <dt><code>theme</code></dt> <dd><code>object</code>. Un objet {{WebExtAPIRef("theme.Theme", "Theme")}} spécifiant des valeurs pour les éléments de l'interface utilisateur que vous voulez modifier</dd> </dl> <h2 id="Compatibilité_du_navigateur">Compatibilité du navigateur</h2> <p>{{Compat("webextensions.api.theme.update", 10)}}</p> <h2 id="Exemples">Exemples</h2> <p>Définit le thème du navigateur pour utiliser un graphique solaire avec une couleur de fond complémentaire:</p> <pre class="brush: js">const suntheme = { images: { headerURL: 'sun.jpg', }, colors: { accentcolor: '#CF723F', textcolor: '#111', } }; browser.theme.update(suntheme);</pre> <p>Définissez le thème uniquement pour la fenêtre actuellement ciblée:</p> <pre class="brush: js">const day = { images: { headerURL: 'sun.jpg', }, colors: { accentcolor: '#CF723F', textcolor: '#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);</pre> <p>{{WebExtExamples}}</p>