diff options
Diffstat (limited to 'files/de/mozilla/add-ons/webextensions')
5 files changed, 0 insertions, 2086 deletions
diff --git a/files/de/mozilla/add-ons/webextensions/api/browseraction/setpopup/index.html b/files/de/mozilla/add-ons/webextensions/api/browseraction/setpopup/index.html deleted file mode 100644 index 4bf68ba30f..0000000000 --- a/files/de/mozilla/add-ons/webextensions/api/browseraction/setpopup/index.html +++ /dev/null @@ -1,134 +0,0 @@ ---- -title: browserAction.setPopup() -slug: Mozilla/Add-ons/WebExtensions/API/browserAction/setPopup -translation_of: Mozilla/Add-ons/WebExtensions/API/browserAction/setPopup ---- -<div>{{AddonSidebar()}}</div> - -<p>Sets the HTML document that will be opened as a popup when the user clicks on the browser action's icon. Tabs without a specific popup will inherit the global popup, which defaults to the <a href="https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/manifest.json/browser_action"><code>default_popup</code></a> specified in the manifest.</p> - -<h2 id="Syntax">Syntax</h2> - -<pre class="syntaxbox brush:js">browser.browserAction.setPopup( - details // object -) -</pre> - -<h3 id="Parameters">Parameters</h3> - -<dl> - <dt><code>details</code></dt> - <dd><code>object</code>.</dd> - <dd> - <dl class="reference-values"> - <dt><code>tabId</code>{{optional_inline}}</dt> - <dd><code>integer</code>. Sets the popup only for a specific tab. The popup is reset when the user navigates this tab to a new page.</dd> - <dt><code>windowId</code>{{optional_inline}}</dt> - <dd><code>integer</code>. Sets the popup only for the specified window.</dd> - </dl> - - <dl class="reference-values"> - <dt><code>popup</code></dt> - <dd> - <p><code>string</code> or <code>null</code>. The HTML file to show in a popup, specified as a URL.</p> - - <p>This can point to a file packaged within the extension (for example, created using {{WebExtAPIRef("extension.getURL")}}), or a remote document (e.g. <code>https://example.org/</code>).</p> - - <p>If an empty string (<code>""</code>) is passed here, the popup is disabled, and the extension will receive {{WebExtAPIRef("browserAction.onClicked")}} events.</p> - - <p>If <code>popup</code> is <code>null</code>:</p> - - <p>If <code>tabId</code> is specified, removes the tab-specific popup so that the tab inherits the global popup.</p> - - <p>If <code>windowId</code> is specified, removes the window-specific popup so that the window inherits the global popup.</p> - - <p>Otherwise it reverts the global popup to the default value.</p> - </dd> - </dl> - </dd> -</dl> - -<ul> - <li>If <code>windowId</code> and <code>tabId</code> are both supplied, the function fails and the popup is not set.</li> - <li>If <code>windowId</code> and <code>tabId</code> are both omitted, the global popup is set.</li> -</ul> - -<h2 id="Browser_compatibility">Browser compatibility</h2> - -<p>{{Compat("webextensions.api.browserAction.setPopup",2)}}</p> - -<h2 id="Examples">Examples</h2> - -<p>This code adds a pair of context menu items that you can use to switch between two popups. Note that you'll need the "contextMenus" <a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/manifest.json/permissions">permission</a> set in the extension's manifest to create context menu items.</p> - -<pre class="brush: js">function onCreated() { - if (browser.runtime.lastError) { - console.log("error creating item:" + browser.runtime.lastError); - } else { - console.log("item created successfully"); - } -} - -browser.contextMenus.create({ - id: "popup-1", - type: "radio", - title: "Popup 1", - contexts: ["all"], - checked: true -}, onCreated); - -browser.contextMenus.create({ - id: "popup-2", - type: "radio", - title: "Popup 2", - contexts: ["all"], - checked: false -}, onCreated); - -browser.contextMenus.onClicked.addListener(function(info, tab) { - if (info.menuItemId == "popup-1") { - browser.browserAction.setPopup({popup: "/popup/popup1.html"}) - } else if (info.menuItemId == "popup-2") { - browser.browserAction.setPopup({popup: "/popup/popup2.html"}) - } -});</pre> - -<p>{{WebExtExamples}}</p> - -<div class="note"><strong>Acknowledgements</strong> - -<p>This API is based on Chromium's <a href="https://developer.chrome.com/extensions/browserAction#method-setPopup"><code>chrome.browserAction</code></a> API. This documentation is derived from <a href="https://chromium.googlesource.com/chromium/src/+/master/chrome/common/extensions/api/browser_action.json"><code>browser_action.json</code></a> in the Chromium code.</p> - -<p>Microsoft Edge compatibility data is supplied by Microsoft Corporation and is included here under the Creative Commons Attribution 3.0 United States License.</p> -</div> - -<div class="hidden"> -<pre>// Copyright 2015 The Chromium Authors. All rights reserved. -// -// Redistribution and use in source and binary forms, with or without -// modification, are permitted provided that the following conditions are -// met: -// -// * Redistributions of source code must retain the above copyright -// notice, this list of conditions and the following disclaimer. -// * Redistributions in binary form must reproduce the above -// copyright notice, this list of conditions and the following disclaimer -// in the documentation and/or other materials provided with the -// distribution. -// * Neither the name of Google Inc. nor the names of its -// contributors may be used to endorse or promote products derived from -// this software without specific prior written permission. -// -// THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS -// "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT -// LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR -// A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT -// OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, -// SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT -// LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, -// DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY -// THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT -// (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE -// OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. -</pre> -</div> diff --git a/files/de/mozilla/add-ons/webextensions/api/downloads/index.html b/files/de/mozilla/add-ons/webextensions/api/downloads/index.html deleted file mode 100644 index 7363cde811..0000000000 --- a/files/de/mozilla/add-ons/webextensions/api/downloads/index.html +++ /dev/null @@ -1,123 +0,0 @@ ---- -title: downloads -slug: Mozilla/Add-ons/WebExtensions/API/downloads -translation_of: Mozilla/Add-ons/WebExtensions/API/downloads ---- -<div>0ü</div> - -<p>Enables extensions to interact with the browser's download manager. You can use this API module to download files, cancel, pause, resume downloads, and show downloaded files in the file manager.</p> - -<p>To use this API you need to have the "downloads" <a href="/en-US/Add-ons/WebExtensions/manifest.json/permissions#API_permissions">API permission</a> specified in your <a href="https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/manifest.json">manifest.json</a> file.</p> - -<h2 id="Types">Types</h2> - -<dl> - <dt>{{WebExtAPIRef("downloads.FilenameConflictAction")}}</dt> - <dd>Defines options for what to do if the name of a downloaded file conflicts with an existing file.</dd> - <dt>{{WebExtAPIRef("downloads.InterruptReason")}}</dt> - <dd>Defines a set of possible reasons why a download was interrupted.</dd> - <dt>{{WebExtAPIRef("downloads.DangerType")}}</dt> - <dd>Defines a set of common warnings of possible dangers associated with downloadable files.</dd> - <dt>{{WebExtAPIRef("downloads.State")}}</dt> - <dd>Defines different states that a current download can be in.</dd> - <dt>{{WebExtAPIRef("downloads.DownloadItem")}}</dt> - <dd>Represents a downloaded file.</dd> - <dt>{{WebExtAPIRef("downloads.StringDelta")}}</dt> - <dd>Represents the difference between two strings.</dd> - <dt>{{WebExtAPIRef("downloads.DoubleDelta")}}</dt> - <dd>Represents the difference between two doubles.</dd> - <dt>{{WebExtAPIRef("downloads.BooleanDelta")}}</dt> - <dd>Represents the difference between two booleans.</dd> - <dt>{{WebExtAPIRef("downloads.DownloadTime")}}</dt> - <dd>Represents the time a download took to complete.</dd> - <dt>{{WebExtAPIRef("downloads.DownloadQuery")}}</dt> - <dd>Defines a set of parameters that can be used to search the downloads manager for a specific set of downloads.</dd> -</dl> - -<h2 id="Functions">Functions</h2> - -<dl> - <dt>{{WebExtAPIRef("downloads.download()")}}</dt> - <dd>Downloads a file, given its URL and other optional preferences.</dd> - <dt>{{WebExtAPIRef("downloads.search()")}}</dt> - <dd>Queries the {{WebExtAPIRef("downloads.DownloadItem", "DownloadItems")}} available in the browser's downloads manager, and returns those that match the specified search criteria.</dd> - <dt>{{WebExtAPIRef("downloads.pause()")}}</dt> - <dd>Pauses a download.</dd> - <dt>{{WebExtAPIRef("downloads.resume()")}}</dt> - <dd>Resumes a paused download.</dd> - <dt>{{WebExtAPIRef("downloads.cancel()")}}</dt> - <dd>Cancels a download.</dd> - <dt>{{WebExtAPIRef("downloads.getFileIcon()")}}</dt> - <dd>Retrieves an icon for the specified download.</dd> - <dt>{{WebExtAPIRef("downloads.open()")}}</dt> - <dd>Opens the downloaded file with its associated application.</dd> - <dt>{{WebExtAPIRef("downloads.show()")}}</dt> - <dd>Opens the platform's file manager application to show the downloaded file in its containing folder.</dd> - <dt>{{WebExtAPIRef("downloads.showDefaultFolder()")}}</dt> - <dd>Opens the platform's file manager application to show the default downloads folder.</dd> - <dt>{{WebExtAPIRef("downloads.erase()")}}</dt> - <dd>Erases matching {{WebExtAPIRef("downloads.DownloadItem", "DownloadItems")}} from the browser's download history, without deleting the downloaded files from disk.</dd> - <dt>{{WebExtAPIRef("downloads.removeFile()")}}</dt> - <dd>Removes a downloaded file from disk, but not from the browser's download history.</dd> - <dt>{{WebExtAPIRef("downloads.acceptDanger()")}}</dt> - <dd>Prompts the user to accept or cancel a dangerous download.</dd> - <dt>{{WebExtAPIRef("downloads.drag()")}}</dt> - <dd>Initiates dragging the downloaded file to another application.</dd> - <dt>{{WebExtAPIRef("downloads.setShelfEnabled()")}}</dt> - <dd>Enables or disables the gray shelf at the bottom of every window associated with the current browser profile. The shelf will be disabled as long as at least one extension has disabled it.</dd> -</dl> - -<h2 id="Events">Events</h2> - -<dl> - <dt>{{WebExtAPIRef("downloads.onCreated")}}</dt> - <dd>Fires with the {{WebExtAPIRef("downloads.DownloadItem", "DownloadItem")}} object when a download begins.</dd> - <dt>{{WebExtAPIRef("downloads.onErased")}}</dt> - <dd>Fires with the <code>downloadId</code> when a download is erased from history.</dd> - <dt>{{WebExtAPIRef("downloads.onChanged")}}</dt> - <dd>When any of a {{WebExtAPIRef("downloads.DownloadItem", "DownloadItem")}}'s properties except <code>bytesReceived</code> changes, this event fires with the <code>downloadId</code> and an object containing the properties that changed.</dd> -</dl> - -<h2 id="Browser_compatibility">Browser compatibility</h2> - -<p>{{Compat("webextensions.api.downloads")}}</p> - -<p>{{WebExtExamples("h2")}}</p> - -<div class="note"><strong>Acknowledgements</strong> - -<p>This API is based on Chromium's <a href="https://developer.chrome.com/extensions/downloads"><code>chrome.downloads</code></a> API.</p> - -<p>Microsoft Edge compatibility data is supplied by Microsoft Corporation and is included here under the Creative Commons Attribution 3.0 United States License.</p> -</div> - -<div class="hidden"> -<pre>// Copyright 2015 The Chromium Authors. All rights reserved. -// -// Redistribution and use in source and binary forms, with or without -// modification, are permitted provided that the following conditions are -// met: -// -// * Redistributions of source code must retain the above copyright -// notice, this list of conditions and the following disclaimer. -// * Redistributions in binary form must reproduce the above -// copyright notice, this list of conditions and the following disclaimer -// in the documentation and/or other materials provided with the -// distribution. -// * Neither the name of Google Inc. nor the names of its -// contributors may be used to endorse or promote products derived from -// this software without specific prior written permission. -// -// THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS -// "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT -// LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR -// A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT -// OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, -// SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT -// LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, -// DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY -// THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT -// (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE -// OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. -</pre> -</div> diff --git a/files/de/mozilla/add-ons/webextensions/manifest.json/devtools_page/index.html b/files/de/mozilla/add-ons/webextensions/manifest.json/devtools_page/index.html deleted file mode 100644 index 418571d80f..0000000000 --- a/files/de/mozilla/add-ons/webextensions/manifest.json/devtools_page/index.html +++ /dev/null @@ -1,40 +0,0 @@ ---- -title: devtools_page -slug: Mozilla/Add-ons/WebExtensions/manifest.json/devtools_page -translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/devtools_page ---- -<div>{{AddonSidebar}}</div> - -<table class="fullwidth-table standard-table"> - <tbody> - <tr> - <th scope="row" style="width: 30%;">Type</th> - <td><code>String</code></td> - </tr> - <tr> - <th scope="row">Mandatory</th> - <td>No</td> - </tr> - <tr> - <th scope="row">Example</th> - <td> - <pre class="brush: json no-line-numbers"> -"devtools_page": "devtools/my-page.html"</pre> - </td> - </tr> - </tbody> -</table> - -<p>Use this key to enable your extension to extend the browser's built-in devtools.</p> - -<p>This key is defined as a URL to an HTML file. The HTML file must be bundled with the extension, and the URL is relative to the extension's root.</p> - -<p>See <a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/Extending_the_developer_tools">Extending the developer tools</a> to learn more.</p> - -<h2 id="Example">Example</h2> - -<pre class="brush: json no-line-numbers">"devtools_page": "devtools/my-page.html"</pre> - -<h2 id="Browser_compatibility">Browser compatibility</h2> - -<p>{{Compat("webextensions.manifest.devtools_page")}}</p> diff --git a/files/de/mozilla/add-ons/webextensions/manifest.json/theme/index.html b/files/de/mozilla/add-ons/webextensions/manifest.json/theme/index.html deleted file mode 100644 index 3f68335b18..0000000000 --- a/files/de/mozilla/add-ons/webextensions/manifest.json/theme/index.html +++ /dev/null @@ -1,1359 +0,0 @@ ---- -title: theme -slug: Mozilla/Add-ons/WebExtensions/manifest.json/theme -translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme ---- -<div>{{AddonSidebar}}</div> - -<table class="fullwidth-table standard-table"> - <tbody> - <tr> - <th scope="row" style="width: 30%;">Type</th> - <td><code>Object</code></td> - </tr> - <tr> - <th scope="row">Mandatory</th> - <td>No</td> - </tr> - <tr> - <th scope="row">Example</th> - <td> - <pre class="brush: json notranslate"> -"theme": { - "images": { - "theme_frame": "images/sun.jpg" - }, - "colors": { - "frame": "#CF723F", - "tab_background_text": "#000" - } -}</pre> - </td> - </tr> - </tbody> -</table> - -<p>Use the theme key to define a static theme to apply to Firefox.</p> - -<div class="note"> -<p><strong>Note</strong>: If you want to include a theme with an extension, please see the {{WebExtAPIRef("theme")}} API.</p> -</div> - -<div class="note"> -<p><strong>Note</strong>: Since May 2019, themes need to be signed to be installed ({{bug(1545109)}}). See <a href="/en-US/docs/Mozilla/Add-ons/Distribution">Signing and distributing your add-on</a> for more details.</p> -</div> - -<div class="note"> -<p><strong>Theme support in Firefox for Android</strong>: A new version of Firefox for Android, based on GeckoView, is under development. A <a href="https://play.google.com/store/apps/details?id=org.mozilla.fenix" rel="noreferrer nofollow">pre-release version</a> is available. The pre-release version does not support themes.</p> -</div> - -<h2 id="Image_formats">Image formats</h2> - -<p>The following image formats are supported in all theme image properties:</p> - -<ul> - <li>JPEG</li> - <li>PNG</li> - <li>APNG</li> - <li>SVG (animated SVG is supported from Firefox 59)</li> - <li>GIF (animated GIF isn’t supported)</li> -</ul> - -<h2 id="Syntax">Syntax</h2> - -<p>The theme key is an object that takes the following properties:</p> - -<table class="fullwidth-table standard-table"> - <thead> - <tr> - <th scope="col">Name</th> - <th scope="col">Type</th> - <th scope="col">Description</th> - </tr> - </thead> - <tbody> - <tr> - <td><code>images</code></td> - <td><code>Object</code></td> - <td> - <p>Optional as of Firefox 60. Mandatory before Firefox 60.</p> - - <p>A JSON object whose properties represent the images to display in various parts of the browser. See <code><a href="/en-US/Add-ons/WebExtensions/manifest.json/theme#images">images</a></code> for details on the properties that this object can contain.</p> - </td> - </tr> - <tr> - <td><code>colors</code></td> - <td><code>Object</code></td> - <td> - <p>Mandatory.</p> - - <p>A JSON object whose properties represent the colors of various parts of the browser. See <code><a href="/en-US/Add-ons/WebExtensions/manifest.json/theme#colors">colors</a></code> for details on the properties that this object can contain.</p> - </td> - </tr> - <tr> - <td><code>properties</code></td> - <td><code>Object</code></td> - <td> - <p>Optional</p> - - <p>This object has two properties that affect how the <code>"additional_backgrounds"</code> images are displayed. See <code><a href="/en-US/Add-ons/WebExtensions/manifest.json/theme#properties">properties</a></code> for details on the properties that this object can contain.</p> - - <ul> - <li><code>"additional_backgrounds_alignment":</code> an array of enumeration values defining the alignment of the corresponding <code>"additional_backgrounds":</code> array item.<br> - The alignment options include: <code>"bottom"</code>, <code>"center"</code>, <code>"left"</code>, <code>"right"</code>, <code>"top"</code>, <code>"center bottom"</code>, <code>"center center"</code>, <code>"center top"</code>, <code>"left bottom"</code>, <code>"left center"</code>, <code>"left top"</code>, <code>"right bottom"</code>, <code>"right center"</code>, and <code>"right top"</code>. If not specified, defaults to <code>"right top"</code>.<br> - Optional</li> - <li><code>"additional_backgrounds_tiling":</code> an array of enumeration values defining how the corresponding <code>"additional_backgrounds":</code> array item repeats, with support for <code>"no-repeat"</code>, <code>"repeat"</code>, <code>"repeat-x"</code>, and <code>"repeat-y"</code>. If not specified, defaults to <code>"no-repeat"</code>.<br> - Optional</li> - </ul> - </td> - </tr> - </tbody> -</table> - -<h3 id="images">images</h3> - -<p dir="ltr">All URLs are relative to the manifest.json file and cannot reference an external URL.</p> - -<p dir="ltr">Images should be 200 pixels high to ensure they always fill the header space vertically.</p> - -<table class="fullwidth-table standard-table"> - <thead> - <tr> - <th scope="col">Name</th> - <th scope="col">Type</th> - <th scope="col">Description</th> - </tr> - </thead> - <tbody> - <tr> - <td><code>headerURL </code> <code>{{Deprecated_Inline}}</code></td> - <td><code>String</code></td> - <td> - <div class="blockIndicator warning"> - <p><code>headerURL</code> has been removed in Firefox 70. You will begin to get warnings in Firefox 65 and later if you load a theme that uses this property. Use <code>theme_frame</code> instead.</p> - </div> - - <p>The URL of a foreground image to be added to the header area and anchored to the upper right corner of the header area.</p> - - <p>Optional in desktop Firefox from Firefox 60 onwards. One of <code>theme_frame</code> or <code>headerURL</code> had to be specified before Firefox 60. Note also that in Firefox 60 onwards, any {{cssxref("text-shadow")}} applied to the header text is removed if no <code>headerURL</code> is specified (see {{bug(1404688)}}).</p> - - <p>In Firefox for Android, <code>headerURL</code> or <code>theme_frame</code> must be specified.</p> - </td> - </tr> - <tr> - <td><code>theme_frame</code></td> - <td><code>String</code></td> - <td> - <p>The URL of a foreground image to be added to the header area and anchored to the upper right corner of the header area.</p> - - <div class="blockIndicator note"> - <p>Chrome anchors the image to the top left of the header and if the image doesn’t fill the header area tile the image.</p> - </div> - - <p>Optional in desktop Firefox 60 onwards. One of <code>theme_frame</code> or <code>headerURL</code> had to be specified before Firefox 60.</p> - - <p>In Firefox for Android, <code>headerURL</code> or <code>theme_frame</code> must be specified.</p> - </td> - </tr> - <tr> - <td><code>additional_backgrounds</code></td> - <td><code>Array </code>of <code>String</code></td> - <td> - <div class="warning"> - <p>The <code>additional_backgrounds</code> property is experimental. It is currently accepted in release versions of Firefox, but its behavior is subject to change. It is not supported in Firefox for Android.</p> - </div> - - <p>An array of URLs for additional background images to be added to the header area and displayed behind the <code>"theme_frame":</code> image. These images layer the first image in the array on top, the last image in the array at the bottom.</p> - - <p>Optional.</p> - - <p>By default all images are anchored to the upper right corner of the header area, but their alignment and repeat behavior can be controlled by properties of <code>"properties":</code>.</p> - </td> - </tr> - </tbody> -</table> - -<h3 id="colors">colors</h3> - -<p>These properties define the colors used for different parts of the browser. They are all optional (but note that <code>"accentcolor"</code> and <code>"textcolor"</code> were mandatory in Firefox before version 63). How these properties affect the Firefox UI is shown here:</p> - -<table class="fullwidth-table 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> - </tr> - </tbody> -</table> - -<div class="blockIndicator note"> -<p>Where a component is affected by multiple color properties, the properties are listed in order of precedence.</p> -</div> - -<p>All these properties can be specified as either a string containing any valid <a href="/en-US/docs/Web/CSS/color_value">CSS color string</a> (including hexadecimal), or an RGB array, such as <code>"tab_background_text": [ 107 , 99 , 23 ]</code>.</p> - -<div class="blockIndicator note"> -<p><a href="https://developer.mozilla.org/en-US/Add-ons/WebExtensions/manifest.json/theme#Chrome_compatibility">In Chrome, colors may only be specified as RGB arrays</a>.</p> - -<p>In Firefox for Android colors can be specified using:</p> - -<ul> - <li>full hexadecimal notation, that is #RRGGBB only. <em>alpha</em> and shortened syntax, as in #RGB[A], are not supported.</li> - <li><a href="/en-US/docs/Web/CSS/color_value#Syntax_2">Functional notation</a> (RGB arrays) for themes targeting Firefox 68.2 or later.</li> -</ul> - -<p>Colors for Firefox for Android themes cannot be specified using color names.</p> -</div> - -<table class="fullwidth-table standard-table"> - <thead> - <tr> - <th scope="col">Name</th> - <th scope="col">Description</th> - </tr> - </thead> - <tbody> - <tr> - <td> - <p><code>accentcolor</code><code> {{Deprecated_Inline}}</code></p> - </td> - <td> - <div class="blockIndicator warning"> - <p><code>accentcolor</code> has been removed in Firefox 70. You will begin to get warnings in Firefox 65 and later if you load a theme that uses this property. Use the <code>frame</code> property instead.</p> - </div> - - <p>The color of the header area background, displayed in the part of the header not covered or visible through the images specified in <code>"headerURL"</code> and <code>"additional_backgrounds"</code>.</p> - - <details open><summary>See example</summary> - - <pre class="brush: json notranslate"> -"theme": { - "colors": { - "accentcolor": "red", - "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> - </td> - </tr> - <tr> - <td><code>bookmark_text</code></td> - <td> - <p>The color of text and icons in the bookmark and find bars. Also, if <code>tab_text</code> isn't defined it sets the color of the active tab text and if <code>icons</code> isn't defined the color of the toolbar icons. Provided as Chrome compatible alias for <code>toolbar_text</code>.</p> - - <div class="blockIndicator note"> - <p>Ensure any color used contrasts well with those used in <code>frame</code> and <code>frame_inactive</code> or <code>toolbar</code> if you're using that property.</p> - - <p>Where <code>icons</code> isn't defined, also ensure good contrast with<code> button_background_active</code> and <code>button_background_hover</code>.</p> - </div> - - <details open><summary>See example</summary> - - <pre class="brush: json notranslate"> -"theme": { - "colors": { - "frame": "black", - "tab_background_text": "white", - "tab_text": "white", - "toolbar": "black", - "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> - </td> - </tr> - <tr> - <td><code>button_background_active</code></td> - <td> - <p>The color of the background of the pressed toolbar buttons.</p> - - <details open><summary>See example</summary> - - <pre class="brush: json notranslate"> -"theme": { - "colors": { - "frame": "black", - "tab_background_text": "white", - "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> - </td> - </tr> - <tr> - <td><code>button_background_hover</code></td> - <td> - <p>The color of the background of the toolbar buttons on hover.</p> - - <details open><summary>See example</summary> - - <pre class="brush: json notranslate"> -"theme": { - "colors": { - "frame": "black", - "tab_background_text": "white", - "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> - </td> - </tr> - <tr> - <td><code>icons</code></td> - <td> - <p>The color of toolbar icons, excluding those in the find toolbar.</p> - - <div class="blockIndicator note"> - <p>Ensure the color used contrasts well with those used in <code>frame</code>, <code>frame_inactive</code>, <code>button_background_active</code>, and <code>button_background_hover</code>.</p> - </div> - - <details open><summary>See example</summary> - - <pre class="brush: json notranslate"> -"theme": { - "colors": { - "frame": "black", - "tab_background_text": "white", - "icons": "red" - } -}</pre> - </details> - - <p><img alt="" src="https://mdn.mozillademos.org/files/15874/theme-icons.png" style="height: 302px; width: 738px;"></p> - </td> - </tr> - <tr> - <td><code>icons_attention</code></td> - <td> - <p>The color of toolbar icons in attention state such as the starred bookmark icon or finished download icon.</p> - - <div class="blockIndicator note"> - <p>Ensure the color used contrasts well with those used in <code>frame</code>, <code>frame_inactive</code>, <code>button_background_active</code>, and <code>button_background_hover</code>.</p> - </div> - - <details open><summary>See example</summary> - - <pre class="brush: json notranslate"> -"theme": { - "colors": { - "frame": "black", - "tab_background_text": "white", - "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> - </td> - </tr> - <tr> - <td><code>frame</code></td> - <td> - <p>The color of the header area background, displayed in the part of the header not covered or visible through the images specified in <code>"theme_frame"</code> and <code>"additional_backgrounds"</code>.</p> - - <details open><summary>See example</summary> - - <pre class="brush: json notranslate"> -"theme": { - "colors": { - "frame": "red", - "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> - </td> - </tr> - <tr> - <td><code>frame_inactive</code></td> - <td> - <p>The color of the header area background when the browser window is inactive, displayed in the part of the header not covered or visible through the images specified in <code>"theme_frame"</code> and <code>"additional_backgrounds"</code>.</p> - - <details open><summary>See example</summary> - - <pre class="brush: json notranslate"> -"theme": { - "colors": { - "frame": "red", - "frame_inactive": "gray", - "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> - </td> - </tr> - <tr> - <td><code>ntp_background</code></td> - <td> - <p>The new tab page background color.</p> - - <details open><summary>See example</summary> - - <pre class="brush: json notranslate"> -"theme": { - "colors": { - "ntp_background": "red", - "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> - </td> - </tr> - <tr> - <td><code>ntp_text</code></td> - <td> - <p>The new tab page text color.</p> - - <div class="blockIndicator note"> - <p>Ensure the color used contrasts well with that used in <code>ntp_background</code>.</p> - </div> - - <details open><summary>See example</summary> - - <pre class="brush: json notranslate"> -"theme": { - "colors": { - "ntp_background": "red", - "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> - </td> - </tr> - <tr> - <td><code>popup</code></td> - <td> - <p>The background color of popups (such as the url bar dropdown and the arrow panels).</p> - - <details open><summary>See example</summary> - - <pre class="brush: json notranslate"> -"theme": { - "colors": { - "frame": "black", - "tab_background_text": "white", - "popup": "red" - } -}</pre> - </details> - - <p><img alt="" src="https://mdn.mozillademos.org/files/15876/theme-popup.png" style="height: 324px; width: 738px;"></p> - </td> - </tr> - <tr> - <td><code>popup_border</code></td> - <td> - <p>The border color of popups.</p> - - <details open><summary>See example</summary> - - <pre class="brush: json notranslate"> -"theme": { - "colors": { - "frame": "black", - "tab_background_text": "white", - "popup": "black", - "popup_text": "white", - "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> - </td> - </tr> - <tr> - <td><code>popup_highlight</code></td> - <td> - <p>The background color of items highlighted using the keyboard inside popups (such as the selected url bar dropdown item).</p> - - <div class="blockIndicator note"> - <p>It's recommended to define <code>popup_highlight_text</code> to override the browser default text color on various platforms.</p> - </div> - - <details open><summary>See example</summary> - - <pre class="brush: json notranslate"> -"theme": { - "colors": { - "frame": "black", - "tab_background_text": "white", - "popup_highlight": "red", - "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> - </td> - </tr> - <tr> - <td><code>popup_highlight_text</code></td> - <td> - <p>The text color of items highlighted inside popups.</p> - - <div class="blockIndicator note"> - <p>Ensure the color used contrasts well with that used in <code>popup_highlight</code>.</p> - </div> - - <details open><summary>See example</summary> - - <pre class="brush: json notranslate"> -"theme": { - "colors": { - "frame": "black", - "tab_background_text": "white", - "popup_highlight": "black", - "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> - </td> - </tr> - <tr> - <td><code>popup_text</code></td> - <td> - <p>The text color of popups.</p> - - <div class="blockIndicator note"> - <p>Ensure the color used contrasts well with that used in <code>popup</code>.</p> - </div> - - <details open><summary>See example</summary> - - <pre class="brush: json notranslate"> -"theme": { - "colors": { - "frame": "black", - "tab_background_text": "white", - "popup": "black", - "popup_text": "red" - } -}</pre> - </details> - - <p><img alt="" src="https://mdn.mozillademos.org/files/15880/popup_text.png" style="height: 490px; width: 738px;"></p> - </td> - </tr> - <tr> - <td><code>sidebar</code></td> - <td> - <p>The background color of the sidebar.</p> - - <details open><summary>See example</summary> - - <pre class="brush: json notranslate"> -"theme": { - "colors": { - "sidebar": "red", - "sidebar_highlight": "white", - "sidebar_highlight_text": "green", - "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> - </td> - </tr> - <tr> - <td><code>sidebar_border</code></td> - <td> - <p>The border and splitter color of the browser sidebar</p> - - <details open><summary>See example</summary> - - <pre class="brush: json notranslate"> -"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> - </td> - </tr> - <tr> - <td><code>sidebar_highlight</code></td> - <td> - <p>The background color of highlighted rows in built-in sidebars</p> - - <details open><summary>See example</summary> - - <pre class="brush: json notranslate"> -"theme": { - "colors": { - "sidebar_highlight": "red", - "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> - </td> - </tr> - <tr> - <td><code>sidebar_highlight_text</code></td> - <td> - <p>The text color of highlighted rows in sidebars.</p> - - <div class="blockIndicator note"> - <p>Ensure the color used contrasts well with that used in <code>sidebar_highlight</code>.</p> - </div> - - <details open><summary>See example</summary> - - <pre class="brush: json notranslate"> -"theme": { - "colors": { - "sidebar_highlight": "pink", - "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> - </td> - </tr> - <tr> - <td><code>sidebar_text</code></td> - <td> - <p>The text color of sidebars.</p> - - <div class="blockIndicator note"> - <p>Ensure the color used contrasts well with that used in <code>sidebar</code>.</p> - </div> - - <details open><summary>See example</summary> - - <pre class="brush: json notranslate"> -"theme": { - "colors": { - "sidebar": "red", - "sidebar_highlight": "white", - "sidebar_highlight_text": "green", - "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> - </td> - </tr> - <tr> - <td><code>tab_background_separator</code></td> - <td> - <p>The color of the vertical separator of the background tabs.</p> - - <details open><summary>See example</summary> - - <pre class="brush: json notranslate"> -"theme": { - "colors": { - "frame": "black", - "tab_background_text": "white", - "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> - </td> - </tr> - <tr> - <td><code>tab_background_text</code></td> - <td> - <p>The color of the text displayed in the inactive page tabs. If <code>tab_text</code> or <code>bookmark_text</code> isn't specified, applies to the active tab text.</p> - - <div class="blockIndicator note"> - <p>Ensure the color used contrasts well with those used in <code>tab_selected</code> or <code>frame</code> and <code>frame_inactive</code>.</p> - </div> - - <details open><summary>See example</summary> - - <pre class="brush: json notranslate"> -"theme": { - "colors": { - "frame": "black", - "toolbar": "white", - "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> - </td> - </tr> - <tr> - <td><code>tab_line</code></td> - <td> - <p>The color of the selected tab line.</p> - - <details open><summary>See example</summary> - - <pre class="brush: json notranslate"> -"theme": { - "colors": { - "frame": "black", - "tab_background_text": "white", - "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> - </td> - </tr> - <tr> - <td><code>tab_loading</code></td> - <td> - <p>The color of the tab loading indicator and the tab loading burst.</p> - - <details open><summary>See example</summary> - - <pre class="brush: json notranslate"> -"theme": { - "colors": { - "frame": "black", - "tab_background_text": "white", - "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> - </td> - </tr> - <tr> - <td><code>tab_selected</code></td> - <td> - <p>The background color of the selected tab. When not in use selected tab color is set by <code>frame</code> and the <code>frame_inactive</code>.</p> - - <details open><summary>See example</summary> - - <pre class="brush: json notranslate"> -"theme": { - "images": { - "theme_frame": "weta.png" -}, - "colors": { - "frame": "black", - "tab_background_text": "white", - "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> - </td> - </tr> - <tr> - <td><code>tab_text</code></td> - <td> - <p>From Firefox 59, it represents the text color for the selected tab. If <code>tab_line</code> isn't specified, it also defines the color of the selected tab line.</p> - - <div class="blockIndicator note"> - <p>Ensure the color used contrasts well with those used in <code>tab_selected</code> or <code>frame</code> and <code>frame_inactive</code>.</p> - </div> - - <p>From Firefox 55 to 58, it is incorrectly implemented as alias for <code>"textcolor"</code></p> - - <details open><summary>See example</summary> - - <pre class="brush: json notranslate"> -"theme": { - "images": { - "theme_frame": "weta.png" -}, - "colors": { - "frame": "black", - "tab_background_text": "white", - "tab_selected": "white", - "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> - </td> - </tr> - <tr> - <td><code>textcolor {{Deprecated_Inline}}</code></td> - <td> - <div class="blockIndicator warning"> - <p><code>textcolor</code> has been removed in Firefox 70. You will begin to get warnings in Firefox 65 and later if you load a theme that uses this property. Use <code>tab_background_text</code> instead.</p> - </div> - - <p>The color of the text displayed in the header area.</p> - - <details open><summary>See example</summary> - - <pre class="brush: json notranslate"> -"theme": { - "colors": { - "frame": "black", - "toolbar": "white", - "textcolor": "red" - } -}</pre> - </details> - - <p><img alt="" src="https://mdn.mozillademos.org/files/15885/theme-textcolor.png" style="height: 302px; width: 738px;"></p> - </td> - </tr> - <tr> - <td><code>toolbar</code></td> - <td> - <p>The background color for the navigation bar, the bookmarks bar, and the selected tab.</p> - - <p>This also sets the background color of the "Find" bar.</p> - - <details open><summary>See example</summary> - - <pre class="brush: json notranslate"> -"theme": { - "colors": { - "frame": "black", - "toolbar": "red", - "tab_background_text": "white" - } -}</pre> - </details> - - <p><img alt="" src="https://mdn.mozillademos.org/files/15966/toolbar.png" style="height: 335px; width: 738px;"></p> - </td> - </tr> - <tr> - <td><code>toolbar_bottom_separator</code></td> - <td> - <p>The color of the line separating the bottom of the toolbar from the region below.</p> - - <details open><summary>See example</summary> - - <pre class="brush: json notranslate"> -"theme": { - "colors": { - "frame": "black", - "tab_background_text": "white", - "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> - </td> - </tr> - <tr> - <td><code>toolbar_field</code></td> - <td> - <p>The background color for fields in the toolbar, such as the URL bar.</p> - - <p>This also sets the background color of the <strong>Find in page</strong> field.</p> - - <details open><summary>See example</summary> - - <pre class="brush: json notranslate"> -"theme": { - "colors": { - "frame": "black", - "tab_background_text": "white", - "toolbar_field": "red" - } -}</pre> - </details> - - <p><img alt="" src="https://mdn.mozillademos.org/files/15967/toolbar-field.png" style="height: 335px; width: 738px;"></p> - </td> - </tr> - <tr> - <td><code>toolbar_field_border</code></td> - <td> - <p>The border color for fields in the toolbar.</p> - - <p>This also sets the border color of the <strong>Find in page</strong> field.</p> - - <details open><summary>See example</summary> - - <pre class="brush: json notranslate"> -"theme": { - "colors": { - "frame": "black", - "toolbar": "black", - "tab_background_text": "white", - "toolbar_field": "black", - "toolbar_field_text": "white", - "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> - </td> - </tr> - <tr> - <td><code>toolbar_field_border_focus</code></td> - <td> - <p>The focused border color for fields in the toolbar.</p> - - <details open><summary>See example</summary> - - <pre class="brush: json notranslate"> -"theme": { - "colors": { - "frame": "black", - "toolbar": "black", - "tab_background_text": "white", - "toolbar_field": "black", - "toolbar_field_text": "white", - "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> - </td> - </tr> - <tr> - <td><code>toolbar_field_focus</code></td> - <td> - <p>The focused background color for fields in the toolbar, such as the URL bar.</p> - - <details open><summary>See example</summary> - - <pre class="brush: json notranslate"> -"theme": { - "colors": { - "frame": "black", - "toolbar": "black", - "tab_background_text": "white", - "toolbar_field": "black", - "toolbar_field_text": "white", - "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> - </td> - </tr> - <tr> - <td><code>toolbar_field_highlight</code></td> - <td>The background color used to indicate the current selection of text in the URL bar (and the search bar, if it's configured to be separate). - <details open><summary>See example</summary> - <pre class="brush: json notranslate"> -"theme": { - "colors": { - "toolbar_field": "rgba(255, 255, 255, 0.91)", - "toolbar_field_text": "rgb(0, 100, 0)", - "toolbar_field_highlight": "rgb(180, 240, 180, 0.9)", - "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>Here, the <code>toolbar_field_highlight</code> field specifies that the highlight color is a light green, while the text is set to a dark-to-medium green using <code>toolbar_field_highlight_text</code>.</p> - </td> - </tr> - <tr> - <td><code>toolbar_field_highlight_text</code></td> - <td> - <p>The color used to draw text that's currently selected in the URL bar (and the search bar, if it's configured to be separate box).</p> - - <div class="blockIndicator note"> - <p>Ensure the color used contrasts well with those used in <code>toolbar_field_highlight</code>.</p> - </div> - - <details open><summary>See example</summary> - - <pre class="brush: json notranslate"> -"theme": { - "colors": { - "toolbar_field": "rgba(255, 255, 255, 0.91)", - "toolbar_field_text": "rgb(0, 100, 0)", - "toolbar_field_highlight": "rgb(180, 240, 180, 0.9)", - "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>Here, the <code>toolbar_field_highlight_text</code> field is used to set the text color to a dark medium-dark green, while the highlight color is a light green.</p> - </td> - </tr> - <tr> - </tr> - <tr> - <td><code>toolbar_field_separator</code></td> - <td> - <p>The color of separators inside the URL bar. In Firefox 58 this was implemented as <code>toolbar_vertical_separator</code>.</p> - - <details open><summary>See example</summary> - - <pre class="brush: json notranslate"> -"theme": { - "colors": { - "frame": "black", - "toolbar": "black", - "tab_background_text": "white", - "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>In this screenshot, <code>"toolbar_vertical_separator"</code> is the white vertical line in the URL bar dividing the Reader Mode icon from the other icons.</p> - </td> - </tr> - <tr> - <td><code>toolbar_field_text</code></td> - <td> - <p>The color of text in fields in the toolbar, such as the URL bar. This also sets the color of text in the <strong>Find in page</strong> field.</p> - - <div class="blockIndicator note"> - <p>Ensure the color used contrasts well with those used in <code>toolbar_field</code>.</p> - </div> - - <details open><summary>See example</summary> - - <pre class="brush: json notranslate"> -"theme": { - "colors": { - "frame": "black", - "toolbar": "black", - "tab_background_text": "white", - "toolbar_field": "black", - "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> - </td> - </tr> - <tr> - <td><code>toolbar_field_text_focus</code></td> - <td> - <p>The color of text in focused fields in the toolbar, such as the URL bar.</p> - - <div class="blockIndicator note"> - <p>Ensure the color used contrasts well with those used in <code>toolbar_field_focus</code>.</p> - </div> - - <details open><summary>See example</summary> - - <pre class="brush: json notranslate"> -"theme": { - "colors": { - "frame": "black", - "toolbar": "black", - "tab_background_text": "white", - "toolbar_field": "black", - "toolbar_field_text": "white", - "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> - </td> - </tr> - <tr> - <td><code>toolbar_text </code></td> - <td> - <p>The color of toolbar text. This also sets the color of text in the "Find" bar.</p> - - <div class="blockIndicator note"> - <p>For compatibility with Chrome, use the alias <code>bookmark_text</code>.</p> - </div> - - <details open><summary>See example</summary> - - <pre class="brush: json notranslate"> -"theme": { - "colors": { - "frame": "black", - "tab_background_text": "white", - "toolbar": "black", - "toolbar_text": "red" - } -}</pre> - </details> - - <p><img alt="" src="https://mdn.mozillademos.org/files/15970/toolbar-text.png" style="height: 335px; width: 738px;"></p> - </td> - </tr> - <tr> - <td><code>toolbar_top_separator</code></td> - <td> - <p>The color of the line separating the top of the toolbar from the region above.</p> - - <details open><summary>See example</summary> - - <pre class="brush: json notranslate"> -"theme": { - "colors": { - "frame": "black", - "tab_background_text": "white", - "toolbar": "black", - "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> - </td> - </tr> - <tr> - <td><code>toolbar_vertical_separator</code></td> - <td> - <p>The color of the separator next to the application menu icon. In Firefox 58, it corresponds to the color of separators inside the URL bar.</p> - - <details open><summary>See example</summary> - - <pre class="brush: json notranslate"> -"theme": { - "colors": { - "frame": "black", - "tab_background_text": "white", - "toolbar": "black", - "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> - </td> - </tr> - </tbody> -</table> - -<h4 id="Aliases">Aliases</h4> - -<p>Additionally, this key accepts various properties that are aliases for one of the properties above. These are provided for compatibility with Chrome. If an alias is given, and the non-alias version is also given, then the value will be taken from the non-alias version.</p> - -<div class="blockIndicator warning"> -<p>Beginning Firefox 70, the following properties are removed: <code>accentcolor</code> and <code>textcolor</code>. Use <code>frame</code> and <code>tab_background_text</code> instead. Using these values in themes loaded into Firefox 65 or later will raise warnings.</p> -</div> - -<table class="fullwidth-table standard-table"> - <thead> - <tr> - <th scope="col">Name</th> - <th scope="col">Alias for</th> - </tr> - </thead> - <tbody> - <tr> - <td><code>bookmark_text</code></td> - <td><code>toolbar_text</code></td> - </tr> - <tr> - <td><code>frame</code></td> - <td><code>accentcolor</code> <code>{{Deprecated_Inline}}</code></td> - </tr> - <tr> - <td><code>frame_inactive</code></td> - <td><code>accentcolor</code> <code>{{Deprecated_Inline}}</code></td> - </tr> - <tr> - <td><code>tab_background_text</code></td> - <td><code>textcolor</code> <code>{{Deprecated_Inline}}</code></td> - </tr> - </tbody> -</table> - -<h3 id="properties">properties</h3> - -<table class="fullwidth-table standard-table"> - <thead> - <tr> - <th scope="col">Name</th> - <th scope="col">Type</th> - <th scope="col">Description</th> - </tr> - </thead> - <tbody> - <tr> - <td><code>additional_backgrounds_alignment</code></td> - <td> - <p><code>Array</code> of <code>String</code></p> - </td> - <td> - <p>Optional.</p> - - <p>An array of enumeration values defining the alignment of the corresponding <code>"additional_backgrounds":</code> array item.<br> - The alignment options include:</p> - - <ul> - <li><code>"bottom"</code></li> - <li><code>"center"</code></li> - <li><code>"left"</code></li> - <li><code>"right"</code></li> - <li><code>"top"</code></li> - <li><code>"center bottom"</code></li> - <li><code>"center center"</code></li> - <li><code>"center top"</code></li> - <li><code>"left bottom"</code></li> - <li><code>"left center"</code></li> - <li><code>"left top"</code></li> - <li><code>"right bottom"</code></li> - <li><code>"right center"</code></li> - <li><code>"right top"</code>.</li> - </ul> - - <p>If not specified, defaults to <code>"right top"</code>.</p> - </td> - </tr> - <tr> - <td><code>additional_backgrounds_tiling</code></td> - <td> - <p><code>Array</code> of <code>String</code></p> - </td> - <td> - <p>Optional.</p> - - <p>An array of enumeration values defining how the corresponding <code>"additional_backgrounds":</code> array item repeats. Options include:</p> - - <ul> - <li><code>"no-repeat"</code></li> - <li><code>"repeat"</code></li> - <li><code>"repeat-x"</code></li> - <li><code>"repeat-y"</code></li> - </ul> - - <p>If not specified, defaults to <code>"no-repeat"</code>.</p> - </td> - </tr> - </tbody> -</table> - -<h2 id="Examples">Examples</h2> - -<p dir="ltr" id="docs-internal-guid-f85f22a2-6854-24d7-769b-8a47c376e2f2">A basic theme must define an image to add to the header, the accent color to use in the header, and the color of text used in the header:</p> - -<pre class="brush: json notranslate" dir="ltr"> "theme": { - "images": { - "theme_frame": "images/sun.jpg" - }, - "colors": { - "frame": "#CF723F", - "tab_background_text": "#000" - } - }</pre> - -<p dir="ltr">Multiple images can be used to fill the header. Before Firefox version 60, use a blank or transparent header image to gain control over the placement of each additional image:</p> - -<pre class="brush: json notranslate" dir="ltr"> "theme": { - "images": { - "additional_backgrounds": [ "images/left.png" , "images/middle.png", "images/right.png"] - }, - "properties": { - "additional_backgrounds_alignment": [ "left top" , "top", "right top"] - }, - "colors": { - "frame": "blue", - "tab_background_text": "#ffffff" - } - }</pre> - -<p dir="ltr">You can also fill the header with a repeated image, or images, in this case a single image anchored in the middle top of the header and repeated across the rest of the header:</p> - -<pre class="brush: json notranslate" dir="ltr"> "theme": { - "images": { - "additional_backgrounds": [ "images/logo.png"] - }, - "properties": { - "additional_backgrounds_alignment": [ "top" ], - "additional_backgrounds_tiling": [ "repeat" ] - }, - "colors": { - "frame": "green", - "tab_background_text": "#000" - } - }</pre> - -<p><a id="example-screenshot" name="example-screenshot">The following example uses most of the different values for <code>theme.colors</code>:</a></p> - -<pre class="brush: json notranslate"> "theme": { - "images": { - "theme_frame": "weta.png" - }, - - "colors": { - "frame": "darkgreen", - "tab_background_text": "white", - "toolbar": "blue", - "bookmark_text": "cyan", - "toolbar_field": "orange", - "toolbar_field_border": "white", - "toolbar_field_text": "green", - "toolbar_top_separator": "red", - "toolbar_bottom_separator": "white", - "toolbar_vertical_separator": "white" - } - }</pre> - -<p>It will give you a browser that looks like this:</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>In this screenshot, <code>"toolbar_vertical_separator"</code> is the white vertical line in the URL bar dividing the Reader Mode icon from the other icons.</p> - -<h2 id="Browser_compatibility">Browser compatibility</h2> - -<p>{{Compat("webextensions.manifest.theme")}}</p> - -<h3 id="Colors">Colors</h3> - -<p>{{Compat("webextensions.manifest.theme.colors", 10)}}</p> - -<h3 id="Images">Images</h3> - -<p>{{Compat("webextensions.manifest.theme.images", 10)}}</p> - -<h3 id="Properties">Properties</h3> - -<p>{{Compat("webextensions.manifest.theme.properties", 10)}}</p> - -<h3 id="Chrome_compatibility">Chrome compatibility</h3> - -<p>In Chrome:</p> - -<ul> - <li><code>colors/toolbar_text</code> is not used, use <code>colors/bookmark_text</code> instead.</li> - <li><code>images/theme_frame</code> anchors the image to the top left of the header and if the image doesn’t fill the header area tile the image.</li> - <li>all colors must be specified as an array of RGB values, like this: - <pre class="brush: json notranslate">"theme": { - "colors": { - "frame": [255, 0, 0], - "tab_background_text": [0, 255, 0], - "bookmark_text": [0, 0, 255] - } -}</pre> - - <p>From Firefox 59 onward, both the array form and the CSS color form are accepted for all properties. Before that, <code>colors/frame</code> and <code>colors/tab_background_text</code> required the array form, while other properties required the CSS color form.</p> - </li> -</ul> diff --git a/files/de/mozilla/add-ons/webextensions/match_patterns/index.html b/files/de/mozilla/add-ons/webextensions/match_patterns/index.html deleted file mode 100644 index 6c4694c922..0000000000 --- a/files/de/mozilla/add-ons/webextensions/match_patterns/index.html +++ /dev/null @@ -1,430 +0,0 @@ ---- -title: Match patterns in extension manifests -slug: Mozilla/Add-ons/WebExtensions/Match_patterns -translation_of: Mozilla/Add-ons/WebExtensions/Match_patterns ---- -<div>{{AddonSidebar}}</div> - -<p>Match patterns are a way to specify groups of URLs: a match pattern matches a specific set of URLs. They are used in WebExtensions APIs in a few places, most notably to specify which documents to load <a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/Content_scripts">content scripts</a> into, and to specify which URLs to add <code><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/API/webRequest">webRequest</a></code> listeners to.</p> - -<p>APIs that use match patterns usually accept a list of match patterns, and will perform the appropriate action if the URL matches any of the patterns. See, for example, the <code><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/manifest.json/content_scripts">content_scripts</a></code> key in manifest.json.</p> - -<h2 id="Match_pattern_structure">Match pattern structure</h2> - -<div class="note"> -<p><strong>Note:</strong> Some browsers don’t support certain schemes.<br> - Check the <a href="#Browser_compatibility">Browser compatibility table</a> for details.</p> -</div> - -<p>All match patterns are specified as strings. Apart from the special <code><a href="/en-US/Add-ons/WebExtensions/Match_patterns#%3Call_urls%3E"><all_urls></a></code> pattern, match patterns consist of three parts: <em>scheme</em>, <em>host</em>, and <em>path</em>. The scheme and host are separated by <code>://</code>.</p> - -<pre><scheme>://<host><path></pre> - -<h3 id="scheme">scheme</h3> - -<p>The <em>scheme</em> component may take one of two forms:</p> - -<table class="fullwidth-table standard-table"> - <thead> - <tr> - <th scope="col" style="width: 50%;">Form</th> - <th scope="col">Matches</th> - </tr> - </thead> - <tbody> - <tr> - <td><code>*</code></td> - <td>Only "http" and "https" and in some browsers also <a href="/en-US/docs/Web/API/WebSockets_API">"ws" and "wss"</a>.</td> - </tr> - <tr> - <td>One of <code>http</code>, <code>https</code>, <code>ws</code>, <code>wss</code>, <code>ftp</code>, <code>ftps</code>, <code>data</code> or <code>file</code>.</td> - <td>Only the given scheme.</td> - </tr> - </tbody> -</table> - -<h3 id="host">host</h3> - -<p>The <em>host</em> component may take one of three forms:</p> - -<table class="fullwidth-table standard-table"> - <thead> - <tr> - <th scope="col" style="width: 50%;">Form</th> - <th scope="col">Matches</th> - </tr> - </thead> - <tbody> - <tr> - <td><code>*</code></td> - <td>Any host.</td> - </tr> - <tr> - <td><code>*.</code> followed by part of the hostname.</td> - <td>The given host and any of its subdomains.</td> - </tr> - <tr> - <td>A complete hostname, without wildcards.</td> - <td>Only the given host.</td> - </tr> - </tbody> -</table> - -<p><em>host</em> must not include a port number.</p> - -<p><em>host</em> is optional only if the <em>scheme</em> is "file".</p> - -<p>Note that the wildcard may only appear at the start.</p> - -<h3 id="path">path</h3> - -<p>The <em>path</em> component must begin with a <code>/</code>.</p> - -<p>After that, it may subsequently contain any combination of the <code>*</code> wildcard and any of the characters that are allowed in URL paths or query strings. Unlike <em>host</em>, the <em>path</em> component may contain the <code>*</code> wildcard in the middle or at the end, and the <code>*</code> wildcard may appear more than once.</p> - -<p>The value for the <em>path</em> matches against the string which is the URL path plus the <a href="https://en.wikipedia.org/wiki/Query_string">URL query string</a>. This includes the <code>?</code> between the two, if the query string is present in the URL. For example, if you want to match URLs on any domain where the URL path ends with <code>foo.bar</code>, then you need to use an array of Match Patterns like <code>['*://*/*foo.bar', '*://*/*foo.bar?*']</code>. The <code>?*</code> is needed, rather than just <code>bar*</code>, in order to anchor the ending <code>*</code> as applying to the URL query string and not some portion of the URL path.</p> - -<p>Neither the <a href="https://en.wikipedia.org/wiki/Fragment_identifier">URL fragment identifier</a>, nor the <code>#</code> which precedes it, are considered as part of the <em>path</em>.</p> - -<div class="blockIndicator note"> -<p><strong>Note</strong>: The path pattern string should not include a port number. Adding a port, as in: <em>"http://localhost:1234/*" </em>causes the match pattern to be ignored. However, "<em>http://localhost:1234</em>" will match with "<em>http://localhost/*</em>"</p> -</div> - -<h3 id="<all_urls>"><all_urls></h3> - -<p>The special value <code><all_urls></code> matches all URLs under any of the supported schemes: that is "http", "https", "ws", "wss", "ftp", "data", and "file".</p> - -<h2 id="Examples">Examples</h2> - -<table class="fullwidth-table standard-table"> - <thead> - <tr> - <th scope="col" style="width: 33%;">Pattern</th> - <th scope="col" style="width: 33%;">Example matches</th> - <th scope="col" style="width: 33%;">Example non-matches</th> - </tr> - </thead> - <tbody> - <tr> - <td> - <p><code><all_urls></code></p> - - <p>Match all URLs.</p> - </td> - <td> - <p><code>http://example.org/</code></p> - - <p><code>https://a.org/some/path/</code></p> - - <p><code>ws://sockets.somewhere.org/</code></p> - - <p><code>wss://ws.example.com/stuff/</code></p> - - <p><code>ftp://files.somewhere.org/</code></p> - - <p><code>ftps://files.somewhere.org/</code></p> - </td> - <td> - <p><code>resource://a/b/c/</code><br> - (unsupported scheme)</p> - </td> - </tr> - <tr> - <td> - <p><code>*://*/*</code></p> - - <p>Match all HTTP, HTTPS and WebSocket URLs.</p> - </td> - <td> - <p><code>http://example.org/</code></p> - - <p><code>https://a.org/some/path/</code></p> - - <p><code>ws://sockets.somewhere.org/</code></p> - - <p><code>wss://ws.example.com/stuff/</code></p> - </td> - <td> - <p><code>ftp://ftp.example.org/</code><br> - (unmatched scheme)</p> - - <p><code>ftps://ftp.example.org/</code><br> - (unmatched scheme)</p> - - <p><code>file:///a/</code><br> - (unmatched scheme)</p> - </td> - </tr> - <tr> - <td> - <p><code>*://*.mozilla.org/*</code></p> - - <p>Match all HTTP, HTTPS and WebSocket URLs that are hosted at "mozilla.org" or one of its subdomains.</p> - </td> - <td> - <p><code>http://mozilla.org/</code></p> - - <p><code>https://mozilla.org/</code></p> - - <p><code>http://a.mozilla.org/</code></p> - - <p><code>http://a.b.mozilla.org/</code></p> - - <p><code>https://b.mozilla.org/path/</code></p> - - <p><code>ws://ws.mozilla.org/</code></p> - - <p><code>wss://secure.mozilla.org/something</code></p> - </td> - <td> - <p><code>ftp://mozilla.org/</code><br> - (unmatched scheme)</p> - - <p><code>http://mozilla.com/</code><br> - (unmatched host)</p> - - <p><code>http://firefox.org/</code><br> - (unmatched host)</p> - </td> - </tr> - <tr> - <td> - <p><code>*://mozilla.org/</code></p> - - <p>Match all HTTP, HTTPS and WebSocket URLs that are hosted at exactly "mozilla.org/".</p> - </td> - <td> - <p><code>http://mozilla.org/</code></p> - - <p><code>https://mozilla.org/</code></p> - - <p><code>ws://mozilla.org/</code></p> - - <p><code>wss://mozilla.org/</code></p> - </td> - <td> - <p><code>ftp://mozilla.org/</code><br> - (unmatched scheme)</p> - - <p><code>http://a.mozilla.org/</code><br> - (unmatched host)</p> - - <p><code>http://mozilla.org/a</code><br> - (unmatched path)</p> - </td> - </tr> - <tr> - <td> - <p><code>ftp://mozilla.org/</code></p> - - <p>Match only "ftp://mozilla.org/".</p> - </td> - <td><code>ftp://mozilla.org</code></td> - <td> - <p><code>http://mozilla.org/</code><br> - (unmatched scheme)</p> - - <p><code>ftp://sub.mozilla.org/</code><br> - (unmatched host)</p> - - <p><code>ftp://mozilla.org/path</code><br> - (unmatched path)</p> - </td> - </tr> - <tr> - <td> - <p><code>https://*/path</code></p> - - <p>Match HTTPS URLs on any host, whose path is "path".</p> - </td> - <td> - <p><code>https://mozilla.org/path</code></p> - - <p><code>https://a.mozilla.org/path</code></p> - - <p><code>https://something.com/path</code></p> - </td> - <td> - <p><code>http://mozilla.org/path</code><br> - (unmatched scheme)</p> - - <p><code>https://mozilla.org/path/</code><br> - (unmatched path)</p> - - <p><code>https://mozilla.org/a</code><br> - (unmatched path)</p> - - <p><code>https://mozilla.org/</code><br> - (unmatched path)</p> - - <p><code>https://mozilla.org/path?foo=1</code><br> - (unmatched path due to URL query string)</p> - </td> - </tr> - <tr> - <td> - <p><code>https://*/path/</code></p> - - <p>Match HTTPS URLs on any host, whose path is "path/" and which has no URL query string.</p> - </td> - <td> - <p><code>https://mozilla.org/path/</code></p> - - <p><code>https://a.mozilla.org/path/</code></p> - - <p><code>https://something.com/path</code>/</p> - </td> - <td> - <p><code>http://mozilla.org/path/</code><br> - (unmatched scheme)</p> - - <p><code>https://mozilla.org/path</code><br> - (unmatched path)</p> - - <p><code>https://mozilla.org/a</code><br> - (unmatched path)</p> - - <p><code>https://mozilla.org/</code><br> - (unmatched path)</p> - - <p><code>https://mozilla.org/path/</code><code>?foo=1</code><br> - (unmatched path due to URL query string)</p> - </td> - </tr> - <tr> - <td> - <p><code>https://mozilla.org/*</code></p> - - <p>Match HTTPS URLs only at "mozilla.org", with any URL path and URL query string.</p> - </td> - <td> - <p><code>https://mozilla.org/</code></p> - - <p><code>https://mozilla.org/path</code></p> - - <p><code>https://mozilla.org/another</code></p> - - <p><code>https://mozilla.org/path/to/doc</code></p> - - <p><code>https://mozilla.org/path/to/doc?foo=1</code></p> - </td> - <td> - <p><code>http://mozilla.org/path</code><br> - (unmatched scheme)</p> - - <p><code>https://mozilla.com/path</code><br> - (unmatched host)</p> - </td> - </tr> - <tr> - <td> - <p><code>https://mozilla.org/a/b/c/</code></p> - - <p>Match only this URL, or this URL with any URL fragment.</p> - </td> - <td> - <p><code>https://mozilla.org/a/b/c/</code></p> - - <p><code>https://mozilla.org/a/b/c/#section1</code></p> - </td> - <td>Anything else.</td> - </tr> - <tr> - <td> - <p><code>https://mozilla.org/*/b/*/</code></p> - - <p>Match HTTPS URLs hosted on "mozilla.org", whose path contains a component "b" somewhere in the middle. Will match URLs with query strings, if the string ends in a <code>/</code>.</p> - </td> - <td> - <p><code>https://mozilla.org/a/b/c/</code></p> - - <p><code>https://mozilla.org/d/b/f/</code></p> - - <p><code>https://mozilla.org/a/b/c/d/</code></p> - - <p><code>https://mozilla.org/a/b/c/d/#section1</code></p> - - <p><code>https://mozilla.org/a/b/c/d/?foo=/</code></p> - - <p><code>https://mozilla.org/a?foo=21314&bar=/b/&extra=c/</code></p> - </td> - <td> - <p><code>https://mozilla.org/b/*/</code><br> - (unmatched path)</p> - - <p><code>https://mozilla.org/a/b/</code><br> - (unmatched path)</p> - - <p><code>https://mozilla.org/a/b/c/d/?foo=bar</code><br> - (unmatched path due to URL query string)</p> - </td> - </tr> - <tr> - <td> - <p><code>file:///blah/*</code></p> - - <p>Match any FILE URL whose path begins with "blah".</p> - </td> - <td> - <p><code>file:///blah/</code></p> - - <p><code>file:///blah/bleh</code></p> - </td> - <td><code>file:///bleh/</code><br> - (unmatched path)</td> - </tr> - </tbody> -</table> - -<h3 id="Invalid_match_patterns">Invalid match patterns</h3> - -<table class="fullwidth-table standard-table"> - <thead> - <tr> - <th scope="col">Invalid pattern</th> - <th scope="col">Reason</th> - </tr> - </thead> - <tbody> - <tr> - <td><code>resource://path/</code></td> - <td>Unsupported scheme.</td> - </tr> - <tr> - <td><code>https://mozilla.org</code></td> - <td>No path.</td> - </tr> - <tr> - <td><code>https://mozilla.*.org/</code></td> - <td>"*" in host must be at the start.</td> - </tr> - <tr> - <td><code>https://*zilla.org/</code></td> - <td>"*" in host must be the only character or be followed by ".".</td> - </tr> - <tr> - <td><code>http*://mozilla.org/</code></td> - <td>"*" in scheme must be the only character.</td> - </tr> - <tr> - <td><code>https://mozilla.org:80/</code></td> - <td>Host must not include a port number.</td> - </tr> - <tr> - <td><code>*://*</code></td> - <td>Empty path: this should be "<code>*://*/*</code>".</td> - </tr> - <tr> - <td><code>file://*</code></td> - <td>Empty path: this should be "<code>file:///*</code>".</td> - </tr> - </tbody> -</table> - -<h2 id="Browser_compatibility">Browser compatibility</h2> - -<h3 id="scheme_2">scheme</h3> - - - -<p>{{Compat("webextensions.match_patterns.scheme",10)}}</p> |