diff options
Diffstat (limited to 'files/fr/mozilla/add-ons/webextensions/api/theme/update/index.html')
-rw-r--r-- | files/fr/mozilla/add-ons/webextensions/api/theme/update/index.html | 86 |
1 files changed, 86 insertions, 0 deletions
diff --git a/files/fr/mozilla/add-ons/webextensions/api/theme/update/index.html b/files/fr/mozilla/add-ons/webextensions/api/theme/update/index.html new file mode 100644 index 0000000000..d935f69cad --- /dev/null +++ b/files/fr/mozilla/add-ons/webextensions/api/theme/update/index.html @@ -0,0 +1,86 @@ +--- +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="syntaxbox 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 class="hidden">The compatibility table in this page is generated from structured data. If you'd like to contribute to the data, please check out <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> and send us a pull request.</p> + +<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" dir="ltr">const suntheme = { + images: { + headerURL: 'sun.jpg', + }, + colors: { + accentcolor: '#CF723F', + textcolor: '#111', + } +}; + +browser.theme.update(suntheme);</pre> + +<p dir="ltr">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> |