diff options
Diffstat (limited to 'files/fr/mozilla/add-ons/webextensions/manifest.json/theme/index.html')
| -rw-r--r-- | files/fr/mozilla/add-ons/webextensions/manifest.json/theme/index.html | 415 |
1 files changed, 189 insertions, 226 deletions
diff --git a/files/fr/mozilla/add-ons/webextensions/manifest.json/theme/index.html b/files/fr/mozilla/add-ons/webextensions/manifest.json/theme/index.html index e6863f9a22..4fbeefd71f 100644 --- a/files/fr/mozilla/add-ons/webextensions/manifest.json/theme/index.html +++ b/files/fr/mozilla/add-ons/webextensions/manifest.json/theme/index.html @@ -15,7 +15,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme --- <div>{{AddonSidebar}}</div> -<table class="fullwidth-table standard-table"> +<table class="standard-table"> <tbody> <tr> <th scope="row" style="width: 30%;">Type</th> @@ -46,15 +46,15 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme <p>Utilisez la clé du thème pour définir un thème statique à appliquer à Firefox.</p> <div class="note"> -<p><strong>Note</strong>: Si vous voulez inclure un thème avec une extension, veuillez voir l'API {{WebExtAPIRef("theme")}}.</p> +<p><strong>Note :</strong> Si vous voulez inclure un thème avec une extension, veuillez voir l'API {{WebExtAPIRef("theme")}}.</p> </div> <div class="note"> -<p><strong>Note</strong>: Depuis mai 2019, les thèmes doivent être signés pour être installés ({{bug(1545109)}}). Voir <a href="/fr/docs/Mozilla/Add-ons/Distribution">Signature et distribution votre extension</a> pour plus de détails.</p> +<p><strong>Note :</strong> Depuis mai 2019, les thèmes doivent être signés pour être installés ({{bug(1545109)}}). Voir <a href="/fr/docs/Mozilla/Add-ons/Distribution">Signature et distribution votre extension</a> pour plus de détails.</p> </div> <div class="note"> -<p><strong>Prise en charge des thèmes dans Firefox pour Android</strong>: Une nouvelle version de Firefox pour Android, basée sur GeckoView, est en cours de développement. Une <a href="https://play.google.com/store/apps/details?id=org.mozilla.fenix" rel="noreferrer nofollow">pré-version</a> ne support pas les thèmes.</p> +<p><strong>Note :</strong> Prise en charge des thèmes dans Firefox pour Android : Une nouvelle version de Firefox pour Android, basée sur GeckoView, est en cours de développement. Une <a href="https://play.google.com/store/apps/details?id=org.mozilla.fenix" rel="noreferrer nofollow">pré-version</a> ne support pas les thèmes.</p> </div> <h2 id="Formats_des_images">Formats des images</h2> @@ -73,7 +73,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme <p>La clé du thème est un objet qui prend les propriétés suivantes:</p> -<table class="fullwidth-table standard-table"> +<table class="standard-table"> <thead> <tr> <th scope="col">Nom</th> @@ -126,7 +126,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme <p>Les images doivent avoir une hauteur de 200 pixels pour garantir qu'elles remplissent toujours l'espace d'en-tête verticalement.</p> -<table class="fullwidth-table standard-table"> +<table class="standard-table"> <thead> <tr> <th scope="col">Name</th> @@ -141,8 +141,8 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme </td> <td><code>String</code></td> <td> - <div class="blockIndicator warning"> - <p><code>headerURL</code> a été supprimé dans Firefox 70. Vous commencerez à recevoir des avertissements dans Firefox 65 et plus tard si vous chargez un thème qui utilise cette propriété. Utilisez <code>theme_frame</code> à la place.</p> + <div class="warning"> + <p><strong>Attention :</strong> <code>headerURL</code> a été supprimé dans Firefox 70. Vous commencerez à recevoir des avertissements dans Firefox 65 et plus tard si vous chargez un thème qui utilise cette propriété. Utilisez <code>theme_frame</code> à la place.</p> </div> <p>L'URL d'une image de premier plan doit être ajoutée à la zone d'en-tête et ancrée dans le coin supérieur droit de la zone d'en-tête.</p> @@ -161,8 +161,8 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme <td> <p>L'URL d'une image de premier plan doit être ajoutée à la zone d'en-tête et ancrée dans le coin supérieur droit de la zone d'en-tête.</p> - <div class="blockIndicator note"> - <p>L'ancre de l'image en haut à gauche de l'en-tête pour Chrome et si l'image ne remplit pas la zone de l'en-tête, l'image sera en mosaïque.</p> + <div class="note"> + <p><strong>Note :</strong> L'ancre de l'image en haut à gauche de l'en-tête pour Chrome et si l'image ne remplit pas la zone de l'en-tête, l'image sera en mosaïque.</p> </div> <p>Optionnel à partir de Firefox 60. Un de <code>theme_frame</code> ou <code>headerURL</code> devait être spécifié avant Firefox 60.</p> @@ -175,7 +175,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme <td><code>Array </code>de <code>String</code></td> <td> <div class="warning"> - <p>La propriété <code>additional_backgrounds</code> est experimentale. Il est actuellement accepté dans les versions finale de Firefox, mais son comportement est sujet à changement.</p> + <p><strong>Attention :</strong> La propriété <code>additional_backgrounds</code> est experimentale. Il est actuellement accepté dans les versions finale de Firefox, mais son comportement est sujet à changement.</p> </div> <p>Un tableau d'URLs pour les images de fond supplémentaires à ajouter à la zone d'en-tête et à afficher derrière l'image <code>"theme_frame"</code> : Ces images superposent la première image du tableau en haut, la dernière image du tableau en bas.</p> @@ -192,24 +192,24 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme <p>Ces propriétés définissent les couleurs utilisées pour les différentes parties du navigateur. Ils sont tous facultatifs (mais notez que <code>"accentcolor"</code> et <code>"textcolor"</code> étaient obligatoires dans Firefox avant la version 63). L'effet de ces propriétés sur l'interface utilisateur de Firefox est présenté ici:</p> -<table class="fullwidth-table standard-table"> +<table class="standard-table"> <tbody> <tr> - <td style="background-color: white;"> - <p><img alt="Overview of the color properties and how they apply to Firefox UI components" src="https://mdn.mozillademos.org/files/16855/Themes_components_annotations.png" style="height: 1065px; width: 1521px;"></p> + <td> + <p><img src="themes_components_annotations.png"></p> </td> </tr> </tbody> </table> -<div class="blockIndicator note"> -<p>Lorsqu'un composant est affecté par plusieurs propriétés de couleur, les propriétés sont listées par ordre de priorité.</p> +<div class="note"> +<p><strong>Note :</strong> Lorsqu'un composant est affecté par plusieurs propriétés de couleur, les propriétés sont listées par ordre de priorité.</p> </div> <p>Toutes ces propriétés peuvent être spécifiées sous la forme d'une chaîne contenant un <a href="/fr/docs/Web/CSS/color_value">code de couleur CSS</a>, ou un tableau RVB tel que <code>"tab_background_text": [ 107 , 99 , 23 ]</code>, ou en héxadécimal, tel que <code>"tab_background_text": #6b6317</code>.</p> -<div class="blockIndicator note"> -<p><a href="/fr/Add-ons/WebExtensions/manifest.json/theme#Chrome_compatibility">Dans Chrome, les couleurs ne peuvent être spécifiées que sous forme de tableau RVB</a>.</p> +<div class="note"> +<p><strong>Note :</strong> <a href="/fr/Add-ons/WebExtensions/manifest.json/theme#Chrome_compatibility">Dans Chrome, les couleurs ne peuvent être spécifiées que sous forme de tableau RVB</a>.</p> <p>Dans Firefox pour Android, les couleurs peuvent être spécifiées en utilisant:</p> @@ -221,7 +221,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme <p>Les couleurs pour les thèmes Firefox pour Android ne peuvent pas être spécifiées à l'aide des noms de couleurs.</p> </div> -<table class="fullwidth-table standard-table"> +<table class="standard-table"> <thead> <tr> <th scope="col">Name</th> @@ -232,14 +232,12 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme <tr> <td><code>accentcolor</code><code> {{Deprecated_Inline}}</code></td> <td> - <div class="blockIndicator warning"> - <p><code>accentcolor</code> a été supprimé dans Firefox 70. Vous commencerez à recevoir des avertissements dans Firefox 65 et plus tard si vous chargez un thème qui utilise cette propriété. Utilisez <code>frame</code> à la place.</p> + <div class="warning"> + <p><strong>Attention :</strong> <code>accentcolor</code> a été supprimé dans Firefox 70. Vous commencerez à recevoir des avertissements dans Firefox 65 et plus tard si vous chargez un thème qui utilise cette propriété. Utilisez <code>frame</code> à la place.</p> </div> <p>La couleur de l'arrière-plan de la zone d'en-tête, affichée dans l'en-tête quand il n'est pas couvert ou reste visible à travers les images spécifiées dans <code>"headerURL"</code> et <code>"additional_backgrounds"</code>.</p> - <details><summary>Voir exemple</summary> - <pre class="brush: json"> "theme": { "colors": { @@ -247,9 +245,9 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme "tab_background_text": "white" } }</pre> - </details> + - <p><img alt="" src="https://mdn.mozillademos.org/files/15871/theme-accentcolor.png" style="height: 302px; width: 738px;"></p> + <p><img alt="" src="theme-accentcolor.png"></p> </td> </tr> <tr> @@ -257,13 +255,13 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme <td> <p>La couleur du texte et des icônes dans le signet et les barres de recherche. De plus, si <code>tab_text</code> n'est pas défini, il définit la couleur du texte de l'onglet actif et si les <code>icons</code> ne sont pas définies, la couleur des icônes de la barre d'outils. Fourni en tant qu'alias compatible Chrome pour l'outils <code>toolbar_text</code>.</p> - <div class="blockIndicator note"> - <p>Assurez-vous que toute couleur utilisée contraste bien avec celles utilisées dans <code>frame</code> et <code>frame_inactive</code> ou <code>toolbar</code> si vous utilisez cette propriété.</p> + <div class="note"> + <p><strong>Note :</strong> Assurez-vous que toute couleur utilisée contraste bien avec celles utilisées dans <code>frame</code> et <code>frame_inactive</code> ou <code>toolbar</code> si vous utilisez cette propriété.</p> <p>Là où les <code>icons</code> ne sont pas définis, assurez-vous également d'un bon contraste avec <code>button_background_active</code> et <code>button_background_hover</code>.</p> </div> - <details><summary>Voir exemple</summary> + <pre class="brush: json"> "theme": { @@ -274,9 +272,9 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme "bookmark_text": "red" } }</pre> - </details> + - <p><img alt="Example use of the bookmark_text color property" src="https://mdn.mozillademos.org/files/16668/theme-bookmark_text.png"></p> + <p><img src="theme-bookmark_text.png"></p> </td> </tr> <tr> @@ -284,7 +282,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme <td> <p>La couleur de l'arrière-plan des boutons de la barre d'outils.</p> - <details><summary>Voir exemple</summary> + <pre class="brush: json"> "theme": { @@ -294,9 +292,9 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme "button_background_active": "red" } }</pre> - </details> + - <p><img alt="" src="https://mdn.mozillademos.org/files/15872/theme-button_background_active.png" style="height: 302px; width: 738px;"></p> + <p><img alt="" src="theme-button_background_active.png"></p> </td> </tr> <tr> @@ -304,8 +302,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme <td> <p>La couleur de l'arrière-plan des boutons de la barre d'outils au survol.</p> - <details open><summary>Voir exemple</summary> - + <pre class="brush: json"> "theme": { "colors": { @@ -314,9 +311,9 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme "button_background_hover": "red" } }</pre> - </details> + - <p><img alt="" src="https://mdn.mozillademos.org/files/15873/theme-button_background_hover.png" style="height: 302px; width: 738px;"></p> + <p><img alt="" src="theme-button_background_hover.png"></p> </td> </tr> <tr> @@ -324,12 +321,11 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme <td> <p>La couleur des icônes de la barre d'outils, à l'exclusion de celles de la barre d'outils de recherche.</p> - <div class="blockIndicator note"> - <p>Assurez-vous que la couleur utilisée contraste bien avec celles utilisées dans <code>frame</code>, <code>frame_inactive</code>, <code>button_background_active</code>, et <code>button_background_hover</code>.</p> + <div class="note"> + <p><strong>Note :</strong> Assurez-vous que la couleur utilisée contraste bien avec celles utilisées dans <code>frame</code>, <code>frame_inactive</code>, <code>button_background_active</code>, et <code>button_background_hover</code>.</p> </div> - <details open><summary>Voir exemple</summary> - + <pre class="brush: json"> "theme": { "colors": { @@ -338,9 +334,9 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme "icons": "red" } }</pre> - </details> + - <p><img alt="" src="https://mdn.mozillademos.org/files/15874/theme-icons.png" style="height: 302px; width: 738px;"></p> + <p><img alt="" src="theme-icons.png"></p> </td> </tr> <tr> @@ -348,11 +344,11 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme <td> <p>La couleur des icônes de la barre d'outils dans l'état d'attention comme l'icône de signet étoilé ou l'icône de téléchargement terminé.</p> - <div class="blockIndicator note"> - <p>Assurez-vous que la couleur utilisée contraste bien avec celles utilisées dans <code>frame</code>, <code>frame_inactive</code>, <code>button_background_active</code>, et <code>button_background_hover</code>.</p> + <div class="note"> + <p><strong>Note :</strong> Assurez-vous que la couleur utilisée contraste bien avec celles utilisées dans <code>frame</code>, <code>frame_inactive</code>, <code>button_background_active</code>, et <code>button_background_hover</code>.</p> </div> - <details><summary>Voir exemple</summary> + <pre class="brush: json"> "theme": { @@ -362,9 +358,9 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme "icons_attention": "red" } }</pre> - </details> + - <p><img alt="" src="https://mdn.mozillademos.org/files/15875/theme-icons_attention.png" style="height: 324px; width: 738px;"></p> + <p><img alt="" src="theme-icons_attention.png"></p> </td> </tr> <tr> @@ -372,8 +368,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme <td> <p>La couleur de l'arrière-plan de la zone d'en-tête, affichée dans la partie de l'en-tête non couverte ou visible à travers les images spécifiées dans <code>"theme_frame"</code> et <code>"additional_backgrounds"</code>.</p> - <details open><summary>Voir exemple</summary> - + <pre class="brush: json"> "theme": { "colors": { @@ -381,9 +376,9 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme "tab_background_text": "white" } }</pre> - </details> + - <p><img alt="" src="https://mdn.mozillademos.org/files/15871/theme-accentcolor.png" style="height: 302px; width: 738px;"></p> + <p><img alt="" src="theme-accentcolor.png"></p> </td> </tr> <tr> @@ -391,8 +386,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme <td> <p>La couleur de l'arrière-plan de la zone d'en-tête quand la fenêtre du navigateur est inactive, affichée dans la partie de l'en-tête non couverte ou visible à travers les images spécifiées dans <code>"theme_frame"</code> et <code>"additional_backgrounds"</code>.</p> - <details open><summary>Voir exemple</summary> - + <pre class="brush: json"> "theme": { "colors": { @@ -401,9 +395,9 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme "tab_text": "white" } }</pre> - </details> + - <p><img alt="Example use of the frame_inactive color property" src="https://mdn.mozillademos.org/files/16669/theme-frame_inactive.png" style="height: 193px; width: 752px;"></p> + <p><img src="theme-frame_inactive.png"></p> </td> </tr> <tr> @@ -411,8 +405,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme <td> <p>La nouvelle couleur d'arrière-plan de la page à onglet.</p> - <details open><summary>Voir exemple</summary> - + <pre class="brush: json"> "theme": { "colors": { @@ -420,9 +413,9 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme "ntp_text": "white" } }</pre> - </details> + - <p><img alt="" src="https://mdn.mozillademos.org/files/16175/ntp_colors.png" style="display: block; height: 190px; margin: 0 auto;"></p> + <p><img src="ntp_colors.png"></p> </td> </tr> <tr> @@ -430,12 +423,11 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme <td> <p>La couleur du texte de la page nouvel onglet.</p> - <div class="blockIndicator note"> - <p>Assurez-vous que la couleur utilisée contraste bien avec celle utilisée dans <code>ntp_background</code>.</p> + <div class="note"> + <p><strong>Note :</strong> Assurez-vous que la couleur utilisée contraste bien avec celle utilisée dans <code>ntp_background</code>.</p> </div> - <details open><summary>Voir exemple</summary> - + <pre class="brush: json"> "theme": { "colors": { @@ -443,9 +435,9 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme "ntp_text": "white" } }</pre> - </details> + - <p><img alt="" src="https://mdn.mozillademos.org/files/16175/ntp_colors.png" style="display: block; height: 190px; margin: 0 auto;"></p> + <p><img src="ntp_colors.png"></p> </td> </tr> <tr> @@ -453,8 +445,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme <td> <p>La couleur d'arrière-plan des popups (telles que la liste déroulante de la barre d'adresse et les menus avec une flèche)</p> - <details open><summary>Voir exemple</summary> - + <pre class="brush: json"> "theme": { "colors": { @@ -463,9 +454,9 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme "popup": "red" } }</pre> - </details> + - <p><img alt="" src="https://mdn.mozillademos.org/files/15876/theme-popup.png" style="height: 324px; width: 738px;"></p> + <p><img src="theme-popup.png"></p> </td> </tr> <tr> @@ -473,8 +464,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme <td> <p>La couleur de la bordure des popups.</p> - <details open><summary>Voir exemple</summary> - + <pre class="brush: json"> "theme": { "colors": { @@ -485,9 +475,9 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme "popup_border": "red" } }</pre> - </details> + - <p><img alt="" src="https://mdn.mozillademos.org/files/15877/theme-popup_border.png" style="height: 324px; width: 738px;"></p> + <p><img src="theme-popup_border.png"></p> </td> </tr> <tr> @@ -495,12 +485,11 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme <td> <p>La couleur d'arrière-plan des éléments mis en surbrillance à l'aide du clavier dans les fenêtre contextuelles (tel que l’élément sélectionné dans le menu déroulant de la barre d'URL).</p> - <div class="blockIndicator note"> - <p>Il est recommandé de définir <code>popup_highlight_text</code> pour remplacer la couleur de texte par défaut du navigateur sur différentes plateformes.</p> + <div class="note"> + <p><strong>Note :</strong> Il est recommandé de définir <code>popup_highlight_text</code> pour remplacer la couleur de texte par défaut du navigateur sur différentes plateformes.</p> </div> - <details open><summary>Voir exemple</summary> - + <pre class="brush: json"> "theme": { "colors": { @@ -510,9 +499,9 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme "popup_highlight_text": "white", } }</pre> - </details> + - <p><img alt="" src="https://mdn.mozillademos.org/files/15878/theme-popup_highlight.png" style="height: 490px; width: 738px;"></p> + <p><img src="theme-popup_highlight.png"></p> </td> </tr> <tr> @@ -520,11 +509,11 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme <td> <p>La couleur du texte des éléments mis en surbrillance dans les fenêtres contextuelles.</p> - <div class="blockIndicator note"> - <p>S'assurer que la couleur utilisée contraste bien avec celle utilisée dans <code>popup_highlight</code>.</p> + <div class="note"> + <p><strong>Note :</strong> S'assurer que la couleur utilisée contraste bien avec celle utilisée dans <code>popup_highlight</code>.</p> </div> - <details><summary>Voir exemple</summary> + <pre class="brush: json"> "theme": { @@ -535,9 +524,9 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme "popup_highlight_text": "red" } }</pre> - </details> + - <p><img alt="" src="https://mdn.mozillademos.org/files/15879/theme-popup_highlight_text.png" style="height: 490px; width: 738px;"></p> + <p><img src="theme-popup_highlight_text.png"></p> </td> </tr> <tr> @@ -545,12 +534,11 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme <td> <p>La couleur du texte des popups.</p> - <div class="blockIndicator note"> - <p>S'assurer que la couleur utilisée contraste bien avec celle utilisée dans <code>popup</code>.</p> + <div class="note"> + <p><strong>Note :</strong> S'assurer que la couleur utilisée contraste bien avec celle utilisée dans <code>popup</code>.</p> </div> - <details open><summary>Voir exemple</summary> - + <pre class="brush: json"> "theme": { "colors": { @@ -560,9 +548,9 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme "popup_text": "red" } }</pre> - </details> + - <p><img alt="" src="https://mdn.mozillademos.org/files/15880/popup_text.png" style="height: 490px; width: 738px;"></p> + <p><img src="popup_text.png"></p> </td> </tr> <tr> @@ -570,8 +558,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme <td> <p>La couleur de fond des barres latérales intégrées.</p> - <details open><summary>Voir exemple</summary> - + <pre class="brush: json"> "theme": { "colors": { @@ -581,9 +568,9 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme "sidebar_text": "white" } }</pre> - </details> + - <p><img alt="" src="https://mdn.mozillademos.org/files/16176/sidebar_colors.png" style="display: block; margin: 0 auto; width: 250px;"></p> + <p><img alt="" src="sidebar_colors.png"></p> </td> </tr> <tr> @@ -591,17 +578,16 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme <td> <p>La couleur de la bordure et du séparateur de la barre latérale du navigateur.</p> - <details open><summary>Voir exemple</summary> - + <pre class="brush: json"> "theme": { "colors": { "sidebar_border": "red" } }</pre> - </details> + - <p><img alt="" src="https://mdn.mozillademos.org/files/16177/Screen_Shot_2018-09-16_at_6.13.31_PM.png" style="display: block; height: 286px; margin: 0px auto; width: 300px;"></p> + <p><img alt="" src="screen_shot_2018-09-16_at_6.13.31_pm.png" ></p> </td> </tr> <tr> @@ -609,8 +595,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme <td> <p>La couleur d'arrière-plan des lignes en surbrillance dans les barres latérales intégrées.</p> - <details open><summary>Voir exemple</summary> - + <pre class="brush: json"> "theme": { "colors": { @@ -618,9 +603,9 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme "sidebar_highlight_text": "white" } }</pre> - </details> + - <p><img alt="" src="https://mdn.mozillademos.org/files/16223/Screen_Shot_2018-10-04_at_11.15.46_AM.png" style="display: block; height: 357px; margin: 0px auto; width: 269px;"></p> + <p><img src="screen_shot_2018-10-04_at_11.15.46_am.png"></p> </td> </tr> <tr> @@ -628,12 +613,11 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme <td> <p>La couleur du texte des lignes en surbrillance dans les barres latérales intégrées.</p> - <div class="blockIndicator note"> - <p>S'assurer que la couleur utilisée contraste bien avec celle utilisée dans <code>sidebar_highlight</code>.</p> + <div class="note"> + <p><strong>Note :</strong> S'assurer que la couleur utilisée contraste bien avec celle utilisée dans <code>sidebar_highlight</code>.</p> </div> - <details open><summary>Voir exemple</summary> - + <pre class="brush: json"> "theme": { "colors": { @@ -641,9 +625,9 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme "sidebar_highlight_text": "red", } }</pre> - </details> + - <p><img alt="" src="https://mdn.mozillademos.org/files/16224/Screen_Shot_2018-10-04_at_11.22.41_AM.png" style="display: block; height: 363px; margin: auto; width: 262px;"></p> + <p><img src="screen_shot_2018-10-04_at_11.22.41_am.png"></p> </td> </tr> <tr> @@ -651,12 +635,11 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme <td> <p>La couleur du texte des barres latérales intégrées.</p> - <div class="blockIndicator note"> - <p>S'assurer que la couleur utilisée contraste bien avec celle utilisée dans <code>sidebar</code>.</p> + <div class="note"> + <p><strong>Note :</strong> S'assurer que la couleur utilisée contraste bien avec celle utilisée dans <code>sidebar</code>.</p> </div> - <details open><summary>Voir exemple</summary> - + <pre class="brush: json"> "theme": { "colors": { @@ -666,9 +649,9 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme "sidebar_text": "white" } }</pre> - </details> + - <p><img alt="" src="https://mdn.mozillademos.org/files/16176/sidebar_colors.png" style="display: block; margin: 0 auto; width: 250px;"></p> + <p><img alt="" src="sidebar_colors.png"></p> </td> </tr> <tr> @@ -676,8 +659,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme <td> <p>La couleur du séparateur vertical des onglets d'arrière-plan.</p> - <details open><summary>Voir exemple</summary> - + <pre class="brush: json"> "theme": { "colors": { @@ -686,9 +668,9 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme "tab_background_separator": "red" } }</pre> - </details> + - <p><img alt="A closeup of browser tabs to highlight the separator." src="https://mdn.mozillademos.org/files/16048/theme-tab-background-separator.png" style="height: 356px; width: 738px;"></p> + <p><img src="theme-tab-background-separator.png"></p> </td> </tr> <tr> @@ -696,12 +678,11 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme <td> <p>La couleur du texte affiché dans les onglets des pages inactives. Si <code>tab_text</code> ou <code>bookmark_text</code> n'est pas spécifié, s'applique au texte de l'onglet actif.</p> - <div class="blockIndicator note"> - <p>Assurez-vous que la couleur utilisée contraste bien avec celles utilisées dans <code>tab_selected</code> ou <code>frame</code> et <code>frame_inactive</code>.</p> + <div class="note"> + <p><strong>Note :</strong> Assurez-vous que la couleur utilisée contraste bien avec celles utilisées dans <code>tab_selected</code> ou <code>frame</code> et <code>frame_inactive</code>.</p> </div> - <details open><summary>Voir exemple</summary> - + <pre class="brush: json"> "theme": { "colors": { @@ -710,9 +691,9 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme "tab_background_text": "red" } }</pre> - </details> + - <p><img alt="" src="https://mdn.mozillademos.org/files/15885/theme-textcolor.png" style="height: 302px; width: 738px;"></p> + <p><img alt="" src="theme-textcolor.png"></p> </td> </tr> <tr> @@ -720,8 +701,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme <td> <p>La couleur de la ligne de l'onglet sélectionnée.</p> - <details open><summary>Voir exemple</summary> - + <pre class="brush: json"> "theme": { "colors": { @@ -730,9 +710,9 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme "tab_line": "red" } }</pre> - </details> + - <p><img alt="" src="https://mdn.mozillademos.org/files/15881/theme-tab_line.png" style="height: 302px; width: 738px;"></p> + <p><img alt="" src="theme-tab_line.png"></p> </td> </tr> <tr> @@ -740,8 +720,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme <td> <p>La couleur de l'indicateur de chargement de l'onglet et de l'effet de vague.</p> - <details open><summary>Voir exemple</summary> - + <pre class="brush: json"> "theme": { "colors": { @@ -750,9 +729,9 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme "tab_loading": "red" } }</pre> - </details> + - <p><img alt="" src="https://mdn.mozillademos.org/files/15882/theme-tab_loading.gif" style="height: 186px; width: 618px;"></p> + <p><img alt="" src="theme-tab_loading.gif"></p> </td> </tr> <tr> @@ -760,8 +739,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme <td> <p>La couleur de fond de l'onglet sélectionné. Lorsqu'elle n'est pas utilisée, la couleur de l'onglet sélectionné est définie par <code>frame</code> et <code>frame_inactive</code>.</p> - <details open><summary>Voir exemple</summary> - + <pre class="brush: json"> "theme": { "images": { @@ -773,9 +751,9 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme "tab_selected": "red" } }</pre> - </details> + - <p><img alt="" src="https://mdn.mozillademos.org/files/15883/theme-tab_selected.png" style="height: 302px; width: 738px;"></p> + <p><img alt="" src="theme-tab_selected.png"></p> </td> </tr> <tr> @@ -783,13 +761,13 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme <td> <p>Depuis Firefox 59, il représente la couleur du texte de l'onglet sélectionné. Si <code>tab_line</code> n'est pas spécifié, il définit également la couleur de la ligne de tabulation sélectionnée.</p> - <div class="blockIndicator note"> - <p>Assurez-vous que la couleur utilisée contraste bien avec celles utilisées dans <code>tab_selected</code> ou <code>frame</code> et <code>frame_inactive</code>.</p> + <div class="note"> + <p><strong>Note :</strong> Assurez-vous que la couleur utilisée contraste bien avec celles utilisées dans <code>tab_selected</code> ou <code>frame</code> et <code>frame_inactive</code>.</p> </div> <p>De Firefox 55 à 58, il est incorrectement implémenté comme alias pour <code>"textcolor"</code></p> - <details><summary>Voir exemple</summary> + <pre class="brush: json"> "theme": { @@ -803,22 +781,21 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme "tab_text": "red" } }</pre> - </details> + - <p><img alt="" src="https://mdn.mozillademos.org/files/15884/theme-tab_text.png" style="height: 302px; width: 738px;"></p> + <p><img alt="" src="theme-tab_text.png"></p> </td> </tr> <tr> <td><code>textcolor {{Deprecated_Inline}}</code></td> <td> - <div class="blockIndicator warning"> - <p><code>textcolor</code> a été supprimé dans Firefox 70. Vous commencerez à recevoir des avertissements dans Firefox 65 et plus tard si vous chargez un thème qui utilise cette propriété. Utilisez <code>tab_text</code> à la place.</p> + <div class="warning"> + <p><strong>Attention :</strong> <code>textcolor</code> a été supprimé dans Firefox 70. Vous commencerez à recevoir des avertissements dans Firefox 65 et plus tard si vous chargez un thème qui utilise cette propriété. Utilisez <code>tab_text</code> à la place.</p> </div> <p>La couleur du texte affiché dans la zone d'en-tête.</p> - <details open><summary>Voir exemple</summary> - + <pre class="brush: json"> "theme": { "colors": { @@ -827,9 +804,9 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme "textcolor": "red" } }</pre> - </details> + - <p><img alt="" src="https://mdn.mozillademos.org/files/15885/theme-textcolor.png" style="height: 302px; width: 738px;"></p> + <p><img alt="" src="theme-textcolor.png"></p> </td> </tr> <tr> @@ -839,8 +816,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme <p>Ceci définit également la couleur de fond de la barre "Rechercher".</p> - <details open><summary>Voir exemple</summary> - + <pre class="brush: json"> "theme": { "colors": { @@ -849,9 +825,9 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme "tab_background_text": "white" } }</pre> - </details> + - <p><img alt="" src="https://mdn.mozillademos.org/files/15966/toolbar.png" style="height: 335px; width: 738px;"></p> + <p><img alt="" src="toolbar.png"></p> </td> </tr> <tr> @@ -859,8 +835,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme <td> <p>La couleur de la ligne séparant le bas de la barre d'outils de la région en dessous.</p> - <details open><summary>Voir exemple</summary> - + <pre class="brush: json"> "theme": { "colors": { @@ -869,9 +844,9 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme "toolbar_bottom_separator": "red" } }</pre> - </details> + - <p><img alt="" src="https://mdn.mozillademos.org/files/15887/theme-toolbar_bottom_separator.png" style="height: 302px; width: 738px;"></p> + <p><img alt="" src="theme-toolbar_bottom_separator.png"></p> </td> </tr> <tr> @@ -881,8 +856,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme <p>Ceci définit également la couleur de fond du champ Rechercher dans la page.</p> - <details open><summary>Voir exemple</summary> - + <pre class="brush: json"> "theme": { "colors": { @@ -891,9 +865,9 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme "toolbar_field": "red" } }</pre> - </details> + - <p><img alt="" src="https://mdn.mozillademos.org/files/15967/toolbar-field.png" style="height: 335px; width: 738px;"></p> + <p><img alt="" src="toolbar-field.png"></p> </td> </tr> <tr> @@ -903,8 +877,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme <p>Ceci définit également la couleur de fond du champ Rechercher dans la page.</p> - <details open><summary>Voir exemple</summary> - + <pre class="brush: json"> "theme": { "colors": { @@ -916,9 +889,9 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme "toolbar_field_border": "red" } }</pre> - </details> + - <p><img alt="" src="https://mdn.mozillademos.org/files/15968/toolbar-field-border.png" style="height: 335px; width: 738px;"></p> + <p><img alt="" src="toolbar-field-border.png"></p> </td> </tr> <tr> @@ -926,8 +899,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme <td> <p>La couleur de bordure pour les champs de la barre d'outils qui ont le focus.</p> - <details open><summary>Voir exemple</summary> - + <pre class="brush: json"> "theme": { "colors": { @@ -939,9 +911,9 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme "toolbar_field_border_focus": "red" } }</pre> - </details> + - <p><img alt="" src="https://mdn.mozillademos.org/files/15890/theme-toolbar_field_border_focus.png" style="height: 302px; width: 738px;"></p> + <p><img alt="" src="theme-toolbar_field_border_focus.png"></p> </td> </tr> <tr> @@ -949,8 +921,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme <td> <p>La couleur de fond pour les champs de la barre d'outils qui ont le focus, tels que la barre d'URL.</p> - <details open><summary>Voir exemple</summary> - + <pre class="brush: json"> "theme": { "colors": { @@ -962,15 +933,14 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme "toolbar_field_focus": "red" } }</pre> - </details> + - <p><img alt="" src="https://mdn.mozillademos.org/files/15891/theme-toolbar_field_focus.png" style="height: 302px; width: 738px;"></p> + <p><img alt="" src="theme-toolbar_field_focus.png"></p> </td> </tr> <tr> <td><code>toolbar_field_highlight</code></td> <td>La couleur d'arrière-plan utilisée pour indiquer la sélection actuelle du texte dans la barre URL (et la barre de recherche, si elle est configurée pour être séparée). - <details open><summary>See example</summary> <pre class="brush: json"> "theme": { "colors": { @@ -980,9 +950,9 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme "toolbar_field_highlight_text": "rgb(0, 80, 0)" } }</pre> - </details> + - <p><img alt="Example showing customized text and highlight colors in the URL bar" src="https://mdn.mozillademos.org/files/16632/toolbar_field_highlight.png" style="height: 289px; width: 738px;"></p> + <p><img src="toolbar_field_highlight.png"></p> <p>Ici, le champ <code>toolbar_field_highlight</code> spécifie que la couleur de surbrillance est un vert clair, alors que le texte est réglé sur un vert foncé à vert moyen en utilisant le texte <code>toolbar_field_highlight_text</code>.</p> </td> @@ -992,11 +962,10 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme <td> <p>La couleur utilisée pour dessiner le texte actuellement sélectionné dans la barre d'URL (et la barre de recherche, si elle est configurée comme boîte séparée).</p> - <div class="blockIndicator note"> - <p>S'assurer que la couleur utilisée contraste bien avec celles utilisées dans <code>toolbar_field_highlight</code>.</p> + <div class="note"> + <p><strong>Note :</strong> S'assurer que la couleur utilisée contraste bien avec celles utilisées dans <code>toolbar_field_highlight</code>.</p> </div> - <details open><summary>See example</summary> <pre class="brush: json"> "theme": { @@ -1007,9 +976,9 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme "toolbar_field_highlight_text": "rgb(0, 80, 0)" } }</pre> - </details> + - <p><img alt="Example showing customized text and highlight colors in the URL bar" src="https://mdn.mozillademos.org/files/16632/toolbar_field_highlight.png" style="height: 289px; width: 738px;"></p> + <p><img src="toolbar_field_highlight.png"></p> <p>Ici, le champ <code>toolbar_field_highlight_text</code> permet de régler la couleur du texte sur un vert foncé moyen foncé, tandis que la couleur de surbrillance est un vert clair.</p> </td> @@ -1021,8 +990,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme <td> <p>La couleur des séparateurs à l'intérieur de la barre d'URL. Dans Firefox 58, cela a été implémenté en tant que <code>toolbar_vertical_separator</code>.</p> - <details open><summary>Voir exemple</summary> - + <pre class="brush: json"> "theme": { "colors": { @@ -1032,9 +1000,9 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme "toolbar_field_separator": "red" } }</pre> - </details> + - <p><img alt="" src="https://mdn.mozillademos.org/files/15895/theme-toolbar_field_separator.png" style="height: 302px; width: 738px;"></p> + <p><img alt="" src="theme-toolbar_field_separator.png"></p> <p>Dans cette capture d'écran, <code>"toolbar_vertical_separator"</code> est la ligne verticale blanche dans la barre URL qui sépare l'icône du mode lecture des autres icônes.</p> </td> @@ -1044,12 +1012,11 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme <td> <p>La couleur du texte dans les champs de la barre d'outils, comme la barre URL. Ceci définit également la couleur du texte dans le champ Rechercher dans la page.</p> - <div class="blockIndicator note"> - <p>Assurez-vous que la couleur utilisée contraste bien avec celles utilisées dans <code>toolbar_field</code>.</p> + <div class="note"> + <p><strong>Note :</strong> Assurez-vous que la couleur utilisée contraste bien avec celles utilisées dans <code>toolbar_field</code>.</p> </div> - <details open><summary>Voir exemple</summary> - + <pre class="brush: json"> "theme": { "colors": { @@ -1060,9 +1027,9 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme "toolbar_field_text": "red" } }</pre> - </details> + - <p><img alt="" src="https://mdn.mozillademos.org/files/15969/toolbar-field-text.png" style="height: 335px; width: 738px;"></p> + <p><img alt="" src="toolbar-field-text.png"></p> </td> </tr> <tr> @@ -1070,12 +1037,11 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme <td> <p>La couleur du texte dans les champs de la barre d'outils qui ont le focus, tels que la barre d'URL.</p> - <div class="blockIndicator note"> - <p>Assurez-vous que la couleur utilisée contraste bien avec celles utilisées dans <code>toolbar_field_focus</code>.</p> + <div class="note"> + <p><strong>Note :</strong> Assurez-vous que la couleur utilisée contraste bien avec celles utilisées dans <code>toolbar_field_focus</code>.</p> </div> - <details open><summary>Voir exemple</summary> - + <pre class="brush: json"> "theme": { "colors": { @@ -1087,9 +1053,9 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme "toolbar_field_text_focus": "red" } }</pre> - </details> + - <p><img alt="" src="https://mdn.mozillademos.org/files/15893/theme-toolbar_field_text_focus.png" style="height: 302px; width: 738px;"></p> + <p><img alt="" src="theme-toolbar_field_text_focus.png"></p> </td> </tr> <tr> @@ -1097,12 +1063,11 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme <td> <p>La couleur du texte de la barre d'outils. Ceci définit également la couleur du texte dans la barre "Rechercher".</p> - <div class="blockIndicator note"> - <p>Pour la compatibilité avec Chrome, utilisez l'alias <code>bookmark_text</code>.</p> + <div class="note"> + <p><strong>Note :</strong> Pour la compatibilité avec Chrome, utilisez l'alias <code>bookmark_text</code>.</p> </div> - <details open><summary>Voir exemple</summary> - + <pre class="brush: json"> "theme": { "colors": { @@ -1112,9 +1077,9 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme "toolbar_text": "red" } }</pre> - </details> + - <p><img alt="" src="https://mdn.mozillademos.org/files/15970/toolbar-text.png" style="height: 335px; width: 738px;"></p> + <p><img alt="" src="toolbar-text.png"></p> </td> </tr> <tr> @@ -1122,8 +1087,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme <td> <p>La couleur de la ligne séparant le bas de la barre d'outils de la région en dessous.</p> - <details open><summary>Voir exemple</summary> - + <pre class="brush: json"> "theme": { "colors": { @@ -1133,9 +1097,9 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme "toolbar_top_separator": "red" } }</pre> - </details> + - <p><img alt="" src="https://mdn.mozillademos.org/files/15897/theme-toolbar_top_separator.png" style="height: 302px; width: 738px;"></p> + <p><img alt="" src="theme-toolbar_top_separator.png"></p> </td> </tr> <tr> @@ -1143,8 +1107,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme <td> <p>La couleur du séparateur à côté de l'icône du menu d'application. Dans Firefox 58, il correspond à la couleur des séparateurs dans la barre d'URL.</p> - <details open><summary>Voir exemple</summary> - + <pre class="brush: json"> "theme": { "colors": { @@ -1154,9 +1117,9 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme "toolbar_vertical_separator": "red" } }</pre> - </details> + - <p><img alt="" src="https://mdn.mozillademos.org/files/15898/theme-toolbar_vertical_separator.png" style="height: 302px; width: 738px;"></p> + <p><img alt="" src="theme-toolbar_vertical_separator.png"></p> </td> </tr> </tbody> @@ -1166,11 +1129,11 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme <p>En outre, cette clé accepte diverses propriétés qui sont des alias pour l'une des propriétés ci-dessus. Ceux-ci sont fournis pour la compatibilité avec Chrome. Si un alias est donné et que la version non-alias est également donnée, alors la valeur sera tirée de la version non-alias.</p> -<div class="blockIndicator warning"> -<p>A partir de Firefox 70, les propriétés suivantes sont supprimées : <code>accentcolor</code> et <code>textcolor</code>. Utilisez à la place <code>frame</code> et <code>tab_background_text</code>. L'utilisation de ces valeurs dans des thèmes chargés dans Firefox 65 ou une version ultérieure augmentera les avertissements.</p> +<div class="warning"> +<p><strong>Attention :</strong> A partir de Firefox 70, les propriétés suivantes sont supprimées : <code>accentcolor</code> et <code>textcolor</code>. Utilisez à la place <code>frame</code> et <code>tab_background_text</code>. L'utilisation de ces valeurs dans des thèmes chargés dans Firefox 65 ou une version ultérieure augmentera les avertissements.</p> </div> -<table class="fullwidth-table standard-table"> +<table class="standard-table"> <thead> <tr> <th scope="col">Nom</th> @@ -1199,7 +1162,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme <h3 id="properties">properties</h3> -<table class="fullwidth-table standard-table"> +<table class="standard-table"> <thead> <tr> <th scope="col">Name</th> @@ -1266,7 +1229,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme <p>Un thème de base doit définir une image à ajouter à l'en-tête, la couleur d'accent à utiliser dans l'en-tête et la couleur du texte utilisée dans l'en-tête:</p> -<pre class="brush: json" dir="ltr"> "theme": { +<pre class="brush: json"> "theme": { "images": { "theme_frame": "images/sun.jpg" }, @@ -1276,9 +1239,9 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme } }</pre> -<p dir="ltr"><span id="result_box" lang="fr"><span>Plusieurs images peuvent être utilisées pour remplir l'en-tête</span></span>, <span id="result_box" lang="fr"><span>en utilisant une image d'en-tête vierge/transparente pour donner le contrôle de l'emplacement à chaque image visible:</span></span></p> +<p>Plusieurs images peuvent être utilisées pour remplir l'en-tête, en utilisant une image d'en-tête vierge/transparente pour donner le contrôle de l'emplacement à chaque image visible:</p> -<pre class="brush: json" dir="ltr"> "theme": { +<pre class="brush: json"> "theme": { "images": { "headerURL": "images/blank.png", "additional_backgrounds": [ "images/left.png" , "images/middle.png", "images/right.png"] @@ -1294,7 +1257,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme <p>Vous pouvez également remplir l'en-tête avec une image répétée, ou des images, dans ce cas, une seule image ancrée dans le milieu du haut de l'en-tête et répétée sur le reste de l'en-tête:</p> -<pre class="brush: json" dir="ltr"> "theme": { +<pre class="brush: json"> "theme": { "images": { "additional_backgrounds": [ "images/logo.png"] }, @@ -1331,7 +1294,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme <p>Il vous donnera un navigateur qui ressemble à ceci :</p> -<p><img alt="" src="https://mdn.mozillademos.org/files/15789/theme.png" style="display: block; height: 652px; margin-left: auto; margin-right: auto; width: 1446px;"></p> +<p><img alt="" src="theme.png"></p> <p>Dans cette capture d'écran, <code>"toolbar_vertical_separator"</code> est la ligne verticale blanche dans la barre d'URL divisant l'icône du mode Lecteur des autres icônes.</p> @@ -1361,12 +1324,12 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme <li>toutes les couleurs doivent être spécifiées sous la forme d'un tableau de valeurs RVB, comme ceci :</li> </ul> -<pre class="brush: json line-numbers language-json"><code class="language-json"><span class="key token">"theme":</span> <span class="punctuation token">{</span> - <span class="key token">"colors":</span> <span class="punctuation token">{</span> - <span class="key token">"frame":</span> <span class="punctuation token">[</span><span class="number token">255</span><span class="punctuation token">,</span> <span class="number token">0</span><span class="punctuation token">,</span> <span class="number token">0</span><span class="punctuation token">]</span><span class="punctuation token">,</span> - <span class="key token">"tab_background_text":</span> <span class="punctuation token">[</span><span class="number token">0</span><span class="punctuation token">,</span> <span class="number token">255</span><span class="punctuation token">,</span> <span class="number token">0</span><span class="punctuation token">]</span><span class="punctuation token">,</span> - <span class="key token">"bookmark_text":</span> <span class="punctuation token">[</span><span class="number token">0</span><span class="punctuation token">,</span> <span class="number token">0</span><span class="punctuation token">,</span> <span class="number token">255</span><span class="punctuation token">]</span> - <span class="punctuation token">}</span> -<span class="punctuation token">}</span></code></pre> +<pre class="brush: json">"theme": { + "colors": { + "frame": [255, 0, 0], + "tab_background_text": [0, 255, 0], + "bookmark_text": [0, 0, 255] + } +}</pre> <p>A partir de Firefox 59, la forme tableau et la forme couleur CSS sont acceptées pour toutes les propriétés. Avant cela, <code>colors/frame</code> et <code>colors/tab_background_text</code> nécessitaient la forme tableau, alors que d'autres propriétés nécessitaient la forme couleur CSS.</p> |