1 files changed, 71 insertions, 0 deletions
diff --git a/files/fr/mozilla/add-ons/webextensions/api/devtools/panels/onthemechanged/index.md b/files/fr/mozilla/add-ons/webextensions/api/devtools/panels/onthemechanged/index.md
new file mode 100644
index 0000000000..757f74684b
--- /dev/null
+++ b/files/fr/mozilla/add-ons/webextensions/api/devtools/panels/onthemechanged/index.md
@@ -0,0 +1,71 @@
+---
+title: devtools.panels.onThemeChanged
+slug: Mozilla/Add-ons/WebExtensions/API/devtools/panels/onThemeChanged
+tags:
+  - API
+  - Add-ons
+  - DevTools
+  - Reference
+  - WebExtensions
+  - devtools.panels
+  - onThemeChanged
+translation_of: Mozilla/Add-ons/WebExtensions/API/devtools.panels/onThemeChanged
+original_slug: Mozilla/Add-ons/WebExtensions/API/devtools.panels/onThemeChanged
+---
+<div>{{AddonSidebar()}}</div>
+
+<p>Remplacement quand le thème de devtools change</p>
+
+<h2 id="Syntaxe">Syntaxe</h2>
+
+<pre class="brush: js">browser.devtools.panels.onThemeChanged.addListener(listener)
+browser.devtools.panels.onThemeChanged.removeListener(listener)
+browser.devtools.panels.onThemeChanged.hasListener(listener)
+</pre>
+
+<p>Les événements ont trois fonctions :</p>
+
+<dl>
+ <dt><code>addListener(callback)</code></dt>
+ <dd>Ajoute un auditeur à cet événement</dd>
+ <dt><code>removeListener(listener)</code></dt>
+ <dd>Arrêtez d'écouter cet événement. L'argument de l'auditeur est l'auditeur à supprimer.</dd>
+ <dt><code>hasListener(listener)</code></dt>
+ <dd>Vérifiez si l'auditeur est enregistré pour cet événement. Renvoie Vrai si elle écoute, sinon Faux.</dd>
+</dl>
+
+<h2 id="Syntaxe_addListener">Syntaxe addListener</h2>
+
+<h3 id="Paramètres">Paramètres</h3>
+
+<dl>
+ <dt><code>callback</code></dt>
+ <dd>
+ <p>Function qui sera appelée lors de l'événement. La fonction passera les arguments suivants :</p>
+
+ <dl>
+  <dt><code>themeName</code></dt>
+  <dd><code>string</code>. Nom du nouveau thème : ce sera l'une des valeurs autorisées pour  <code><a href="/fr/docs/Mozilla/Add-ons/WebExtensions/API/devtools.panels/themeName">devtools.panels.themeName</a></code>.</dd>
+ </dl>
+ </dd>
+</dl>
+
+<h2 id="Compatibilité_du_navigateur">Compatibilité du navigateur</h2>
+
+<p>{{Compat("webextensions.api.devtools.panels.onThemeChanged")}}</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<pre class="brush: js">browser.devtools.panels.onThemeChanged.addListener((newThemeName) =&gt; {
+  console.log(`New theme: ${newThemeName}`);
+});
+</pre>
+
+<p>{{WebExtExamples}}</p>
+
+<div class="note"><p><strong>Note :</strong></p>
+
+<p>Cette API est basée sur l'API Chromium <a href="https://developer.chrome.com/extensions/devtools_panels"><code>chrome.devtools.panels</code></a>.</p>
+
+<p>Les données de compatibilité relatives à Microsoft Edge sont fournies par Microsoft Corporation et incluses ici sous la licence Creative Commons Attribution 3.0 pour les États-Unis.</p>
+</div>