theme

Facultatif à partir de Firefox 60. Obligatoire avant Firefox 60.

Un objet JSON dont les propriétés représentent les images à afficher dans différentes parties du navigateur. Voir les images pour plus de détails sur les propriétés que cet objet peut contenir.

Obligatoire.

Un objet JSON dont les propriétés représentent les couleurs de différentes parties du navigateur. Voir colors pour plus de détails sur les propriétés que cet objet peut contenir.

Optionnel

Cet objet possède des propriétés qui affectent la manière dont les éléments "additional_backgrounds" sont affichés et comment les schémas de couleurs sont appliqués. Voir properties pour plus de détails sur les propriétés que cet objet peut contenir.

Une image de premier plan de l'UA (définie par le chemin vers un actif d'image inclus dans l'extension) ou un dégradé CSS à ajouter à la zone d'en-tête et ancrée dans le coin supérieur droit de la zone d'en-tête. Les dégradés CSS sont pris en charge à partir de Firefox 153.

Optionnel dans Firefox pour ordinateur de bureau à partir de la version 60.

Un tableau d'éléments d'arrière-plan supplémentaires, chacun étant soit le chemin vers un actif d'image inclus dans l'extension, soit un dégradé CSS, à ajouter à la zone d'en-tête et affiché derrière l'élément "theme_frame":. Ces éléments d'arrière-plan supplémentaires superposent le premier élément du tableau en haut et le dernier élément en bas. Les dégradés CSS sont pris en charge à partir de Firefox 153.

Optionnel

Par défaut, tous les éléments sont ancrés dans le coin supérieur droit de la zone d'en-tête, mais leur alignement, leur répétition et leur comportement de taille, ainsi que la zone de la fenêtre du navigateur dans laquelle ils sont dessinés, peuvent être contrôlés par "properties":.

Comme les éléments d'arrière-plan supplémentaires s'affichent derrière l'élément theme_frame, si theme_frame est défini comme un dégradé CSS, tous les éléments d'arrière-plan supplémentaires sont masqués.

La couleur du texte et des icônes dans le signet et les barres de recherche. De plus, si tab_text n'est pas défini, il définit la couleur du texte de l'onglet actif et si les icons 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 toolbar_text.

"theme": {
  "colors": {
    "frame": "black",
    "tab_background_text": "white",
    "tab_text": "white",
    "toolbar": "black",
    "bookmark_text": "red"
  }
}

La couleur de l'arrière-plan des boutons de la barre d'outils.

"theme": {
  "colors": {
     "frame": "black",
     "tab_background_text": "white",
     "button_background_active": "red"
  }
}

La couleur de l'arrière-plan des boutons de la barre d'outils au survol.

"theme": {
  "colors": {
     "frame": "black",
     "tab_background_text": "white",
     "button_background_hover": "red"
  }
}

La couleur des icônes de la barre d'outils, à l'exclusion de celles de la barre d'outils de recherche.

"theme": {
  "colors": {
     "frame": "black",
     "tab_background_text": "white",
     "icons": "red"
  }
}

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é.

"theme": {
  "colors": {
     "frame": "black",
     "tab_background_text": "white",
     "icons_attention": "red"
  }
}

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 définies dans "theme_frame" et "additional_backgrounds".

"theme": {
  "colors": {
     "frame": "red",
     "tab_background_text": "white"
  }
}

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 définies dans "theme_frame" et "additional_backgrounds".

"theme": {
  "colors": {
     "frame": "red",
     "frame_inactive": "gray",
     "tab_text": "white"
  }
}

La couleur d'arrière-plan de la page du nouvel onglet.

"theme": {
  "colors": {
     "ntp_background": "red"
  }
}

La couleur d'arrière-plan de la carte de la page du nouvel onglet.

"theme": {
  "colors": {
     "ntp_card_background": "red"
  }
}

La couleur du texte de la page du nouvel onglet.

"theme": {
  "colors": {
     "ntp_text": "red"
  }
}

La couleur d'arrière-plan des fenêtres intrusives (telles que la liste déroulante de la barre d'adresse et les menus avec une flèche)

"theme": {
  "colors": {
     "frame": "black",
     "tab_background_text": "white",
     "popup": "red"
  }
}

La couleur de la bordure des fenêtres intrusives.

"theme": {
  "colors": {
     "frame": "black",
     "tab_background_text": "white",
     "popup": "black",
     "popup_text": "white",
     "popup_border": "red"
  }
}

La couleur d'arrière-plan des éléments mis en surbrillance à l'aide du clavier dans les fenêtre intrusives (tel que l'élément sélectionné dans le menu déroulant de la barre d'URL).

"theme": {
  "colors": {
     "frame": "black",
     "tab_background_text": "white",
     "popup_highlight": "red",
     "popup_highlight_text": "white"
  }
}

La couleur du texte des éléments mis en surbrillance dans les fenêtres intrusives.

"theme": {
  "colors": {
     "frame": "black",
     "tab_background_text": "white",
     "popup_highlight": "black",
     "popup_highlight_text": "red"
  }
}

La couleur du texte des fenêtres intrusives.

"theme": {
  "colors": {
     "frame": "black",
     "tab_background_text": "white",
     "popup": "black",
     "popup_text": "red"
  }
}

La couleur de fond des barres latérales intégrées.

"theme": {
  "colors": {
     "sidebar": "red",
     "sidebar_highlight": "white",
     "sidebar_highlight_text": "green",
     "sidebar_text": "white"
  }
}

La couleur de la bordure et du séparateur de la barre latérale du navigateur.

"theme": {
  "colors": {
     "sidebar_border": "red"
  }
}

La couleur d'arrière-plan des lignes en surbrillance dans les barres latérales intégrées.

"theme": {
  "colors": {
     "sidebar_highlight": "red",
     "sidebar_highlight_text": "white"
  }
}

La couleur du texte des lignes en surbrillance dans les barres latérales intégrées.

"theme": {
  "colors": {
    "sidebar_highlight": "pink",
    "sidebar_highlight_text": "red",
  }
}

La couleur du texte des barres latérales intégrées.

"theme": {
  "colors": {
     "sidebar": "red",
     "sidebar_highlight": "white",
     "sidebar_highlight_text": "green",
     "sidebar_text": "white"
  }
}

La couleur du séparateur vertical des onglets d'arrière-plan.

"theme": {
  "colors": {
     "frame": "black",
     "tab_background_text": "white",
     "tab_background_separator": "red"
  }
}

La couleur du texte affiché dans les onglets des pages inactives. Si tab_text ou bookmark_text n'est pas définit, s'applique au texte de l'onglet actif.

"theme": {
  "colors": {
    "frame": "black",
    "toolbar": "white",
    "tab_background_text": "red"
  }
}

La couleur de la ligne de l'onglet sélectionnée.

"theme": {
  "colors": {
     "frame": "black",
     "tab_background_text": "white",
     "tab_line": "red"
  }
}

La couleur de l'indicateur de chargement de l'onglet et de l'effet de vague.

"theme": {
  "colors": {
     "frame": "black",
     "tab_background_text": "white",
     "tab_loading": "red"
  }
}

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 frame et frame_inactive.

"theme": {
  "images": {
  "theme_frame": "weta.png"
},
  "colors": {
     "frame": "black",
     "tab_background_text": "white",
     "tab_selected": "red"
  }
}

Depuis Firefox 59, il représente la couleur du texte de l'onglet sélectionné. Si tab_line n'est pas défini, il définit également la couleur de la ligne de tabulation sélectionnée.

"theme": {
  "images": {
  "theme_frame": "weta.png"
},
  "colors": {
     "frame": "black",
     "tab_background_text": "white",
     "tab_selected": "white",
     "tab_text": "red"
  }
}

La couleur de fond de la barre de navigation, de la barre de signets et de l'onglet sélectionné.

Ceci définit également la couleur de fond de la barre « Rechercher ».

"theme": {
  "colors": {
    "frame": "black",
    "toolbar": "red",
    "tab_background_text": "white"
  }
}

La couleur de la ligne séparant le bas de la barre d'outils de la région en dessous.

"theme": {
  "colors": {
    "frame": "black",
    "tab_background_text": "white",
    "toolbar_bottom_separator": "red"
  }
}

La couleur d'arrière-plan des champs de la barre d'outils, comme la barre URL.

Ceci définit également la couleur de fond du champ Rechercher dans la page.

"theme": {
  "colors": {
    "frame": "black",
    "tab_background_text": "white",
    "toolbar_field": "red"
  }
}

La couleur de la bordure des champs de la barre d'outils.

Ceci définit également la couleur de fond du champ Rechercher dans la page.

"theme": {
  "colors": {
    "frame": "black",
    "toolbar": "black",
    "tab_background_text": "white",
    "toolbar_field": "black",
    "toolbar_field_text": "white",
    "toolbar_field_border": "red"
  }
}

La couleur de bordure pour les champs de la barre d'outils qui ont la sélection.

"theme": {
  "colors": {
    "frame": "black",
    "toolbar": "black",
    "tab_background_text": "white",
    "toolbar_field": "black",
    "toolbar_field_text": "white",
    "toolbar_field_border_focus": "red"
  }
}

La couleur de fond pour les champs de la barre d'outils qui ont la sélection, tels que la barre d'URL.

"theme": {
  "colors": {
    "frame": "black",
    "toolbar": "black",
    "tab_background_text": "white",
    "toolbar_field": "black",
    "toolbar_field_text": "white",
    "toolbar_field_focus": "red"
  }
}

"theme": {
  "colors": {
    "toolbar_field": "rgb(255 255 255 / 91%)",
    "toolbar_field_text": "rgb(0 100 0)",
    "toolbar_field_highlight": "rgb(180 240 180 / 90%)",
    "toolbar_field_highlight_text": "rgb(0 80 0)"
  }
}

Ici, le champ toolbar_field_highlight définit 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 toolbar_field_highlight_text.

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).

"theme": {
  "colors": {
    "toolbar_field": "rgb(255 255 255 / 91%)",
    "toolbar_field_text": "rgb(0 100 0)",
    "toolbar_field_highlight": "rgb(180 240 180 / 90%)",
    "toolbar_field_highlight_text": "rgb(0 80 0)"
  }
}

Ici, le champ toolbar_field_highlight_text permet de régler la couleur du texte sur un vert foncé moyen foncé, tandis que la couleur de surbrillance est un vert clair.

La couleur des séparateurs à l'intérieur de la barre d'URL. Dans Firefox 58, cela a été implémenté en tant que toolbar_vertical_separator.

"theme": {
  "colors": {
    "frame": "black",
    "toolbar": "black",
    "tab_background_text": "white",
    "toolbar_field_separator": "red"
  }
}

Dans cette capture d'écran, "toolbar_vertical_separator" est la ligne verticale blanche dans la barre URL qui sépare l'icône du mode lecture des autres icônes.

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.

"theme": {
  "colors": {
    "frame": "black",
    "toolbar": "black",
    "tab_background_text": "white",
    "toolbar_field": "black",
    "toolbar_field_text": "red"
  }
}

La couleur du texte dans les champs de la barre d'outils qui ont la sélection, tels que la barre d'URL.

"theme": {
  "colors": {
    "frame": "black",
    "toolbar": "black",
    "tab_background_text": "white",
    "toolbar_field": "black",
    "toolbar_field_text": "white",
    "toolbar_field_text_focus": "red"
  }
}

La couleur du texte de la barre d'outils. Ceci définit également la couleur du texte dans la barre « Rechercher ».

"theme": {
  "colors": {
    "frame": "black",
    "tab_background_text": "white",
    "toolbar": "black",
    "toolbar_text": "red"
  }
}

La couleur de la ligne séparant le bas de la barre d'outils de la région en dessous.

"theme": {
  "colors": {
    "frame": "black",
    "tab_background_text": "white",
    "toolbar": "black",
    "toolbar_top_separator": "red"
  }
}

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.

"theme": {
  "colors": {
    "frame": "black",
    "tab_background_text": "white",
    "toolbar": "black",
    "toolbar_vertical_separator": "red"
  }
}

Array et String

Optionnel.

Un tableau de valeurs d'énumération définissant l'alignement de l'élément "additional_backgrounds": élément de tableau.
Les options d'alignement comprennent :

• "bottom"
• "center"
• "left"
• "right"
• "top"
• "center bottom"
• "center center"
• "center top"
• "left bottom"
• "left center"
• "left top"
• "right bottom"
• "right center"
• "right top".

Si le tableau contient moins d'éléments que le tableau additional_backgrounds, celui-ci est réutilisé pour les valeurs manquantes. Par exemple, si additional_backgrounds contient 5 valeurs et que additional_backgrounds_alignment contient ["left", "top"], le troisième élément d'arrière-plan est aligné à l'aide de "left", le quatrième à l'aide de "top" et le cinquième à l'aide de "left".

Si pas défini, par défaut "right top".

Array de String

Optionnel

Un tableau de valeurs d'énumérations définissant, comme l'élément de tableau "additional_backgrounds": correspondant de répétition. Les options comprennent :

• "no-repeat"
• "repeat"
• "repeat-x"
• "repeat-y"

Si le tableau contient moins d'éléments que le tableau additional_backgrounds, celui-ci est réutilisé pour les valeurs manquantes. Par exemple, si additional_backgrounds contient 5 valeurs et que additional_backgrounds_tiling contient ["no-repeat", "repeat-x"], le troisième élément d'arrière-plan est répété à l'aide de "no-repeat", le quatrième à l'aide de "repeat-x" et le cinquième à l'aide de "no-repeat".

Si pas défini, par défaut "no-repeat".

Array de String

Optionnel

Un tableau de valeurs définissant la taille de l'élément de tableau correspondant "additional_backgrounds":. Accepte les mêmes valeurs que la propriété CSS background-size, telles que "auto", "cover", "contain", ou des valeurs explicites de largeur et de hauteur (par exemple, "100px 200px").

Si le tableau contient moins d'éléments que le tableau additional_backgrounds, celui-ci est réutilisé pour les valeurs manquantes. Par exemple, si additional_backgrounds contient 5 valeurs et que additional_backgrounds_size contient ["auto", "100px 100px"], le troisième élément d'arrière-plan est dimensionné à l'aide de "auto", le quatrième à l'aide de "100px 100px" et le cinquième à l'aide de "auto".

Si pas défini, par défaut "auto".

String

Optionnel

Détermine la zone de la fenêtre du navigateur où les images d'arrière-plan et les dégradés du thème sont dessinés. Les options comprennent :

• "auto" — Firefox choisit la zone en fonction de additional_backgrounds_alignment. Si une valeur d'alignement positionne une image d'arrière-plan au centre vertical ou en bas de la zone d'en-tête, les arrière-plans sont dessinés dans les barres d'outils supérieures. Sinon, ils sont dessinés dans la fenêtre.
• "window" — les arrière-plans sont dessinés dans toute la fenêtre du navigateur et s'étendent ainsi derrière l'interface verticale, comme la barre latérale et les onglets verticaux.
• "top_toolbars" — les arrière-plans sont dessinés uniquement dans les barres d'outils horizontales en haut de la fenêtre, c'est-à-dire la barre de menus, la barre d'onglets, la barre de navigation et la barre des marque-pages. L'interface verticale, comme la barre latérale, utilise plutôt la couleur frame.

Si pas défini, par défaut "auto".

String

Optionnel

Détermine le schéma de couleurs appliqué à l'interface du navigateur (par exemple, aux menus contextuels) et au contenu (par exemple, aux pages intégrées et au schéma de couleurs préféré pour les pages web). Les options comprennent :

• "auto" — un schéma clair ou sombre déterminé automatiquement selon le thème.
• "light" — un schéma clair.
• "dark" — un schéma sombre.
• "system" — utilise le schéma du système.

Si pas défini, par défaut "auto".

String

Optionnel

Détermine le schéma de couleurs appliqué au contenu (par exemple, aux pages intégrées et au schéma de couleurs préféré pour les pages web). Cette propriété remplace color_scheme. Les options comprennent :

• "auto" — un schéma clair ou sombre déterminé automatiquement selon le thème.
• "light" — un schéma clair.
• "dark" — un schéma sombre.
• "system" — le schéma du système.

Si pas défini, par défaut "auto".