theme

Optional ab Firefox 60. Vor Firefox 60 erforderlich.

Ein JSON-Objekt, dessen Eigenschaften die Bilder darstellen, die in verschiedenen Teilen des Browsers angezeigt werden sollen. Siehe images für Details zu den Eigenschaften, die dieses Objekt enthalten kann.

Verpflichtend

Ein JSON-Objekt, dessen Eigenschaften die Farben verschiedener Teile des Browsers darstellen. Siehe colors für Details zu den Eigenschaften, die dieses Objekt enthalten kann.

Optional

Dieses Objekt hat Eigenschaften, die beeinflussen, wie die "additional_backgrounds"-Elemente angezeigt und Farbpaletten angewendet werden. Siehe properties für Details zu den Eigenschaften, die dieses Objekt enthalten kann.

Ein Vordergrundbild (definiert durch den Pfad zu einer im Add-on enthaltenen Bilddatei) oder ein CSS-Gradient zum Hinzufügen zum Kopfbereich, verankert an der oberen rechten Ecke des Kopfbereichs. CSS-Gradienten werden ab Firefox 153 unterstützt.

Optional im Desktop Firefox 60 und später.

Ein Array zusätzlicher Hintergrundelemente, die jeweils entweder der Pfad zu einer im Add-on enthaltenen Bilddatei oder ein CSS-Gradient sein können, der zum Kopfbereich hinzugefügt und hinter dem "theme_frame":-Element angezeigt wird. Diese zusätzlichen Hintergrundelemente schichten das erste Element im Array oben und das letzte Element unten. CSS-Gradienten werden ab Firefox 153 unterstützt.

Optional

Standardmäßig sind alle Elemente an der oberen rechten Ecke des Kopfbereichs verankert, aber ihre Ausrichtung, Wiederholung und Größenverhalten können durch "properties": gesteuert werden.

Da zusätzliche Hintergrundelemente hinter dem theme_frame-Element angezeigt werden, werden zusätzliche Hintergrundelemente versteckt, wenn theme_frame als CSS-Gradient festgelegt ist.

Die Farbe von Text und Symbolen in der Lesezeichen- und Suchleiste. Auch, wenn tab_text nicht definiert ist, wird die Farbe des aktiven Tab-Textes und wenn icons nicht definiert ist, die Farbe der Symbolleiste-Symbole festgelegt. Wird als Chrome-kompatibles Alias für toolbar_text bereitgestellt.

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

Die Hintergrundfarbe der gedrückten Symbolleistenschaltflächen.

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

Die Hintergrundfarbe der Symbolleistenschaltflächen bei Hover.

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

Die Farbe der Symbolleistensymbole, mit Ausnahme derjenigen in der Suchleiste.

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

Die Farbe der Symbolleistensymbole im Aufmerksamkeitsmodus, wie das mit Stern markierte Lesezeichen-Symbol oder das Fertig-Download-Symbol.

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

Die Farbe des Hintergrunds im Kopfbereich, angezeigt in dem Teil des Kopfbereichs, der nicht von den in "theme_frame" und "additional_backgrounds" angegebenen Elementen bedeckt oder sichtbar ist.

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

Die Farbe des Hintergrunds im Kopfbereich, wenn das Browserfenster inaktiv ist. Wird in dem Teil des Kopfbereichs angezeigt, der nicht von den in "theme_frame" und "additional_backgrounds" angegebenen Elementen bedeckt oder sichtbar ist.

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

Die Hintergrundfarbe der neuen Tab-Seite.

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

Die Hintergrundfarbe der Karten auf der neuen Tab-Seite.

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

Die Textfarbe auf der neuen Tab-Seite.

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

Die Hintergrundfarbe von Pop-ups (wie das Dropdown-Menü der URL-Leiste und die Pfeilfenster).

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

Die Rahmenfarbe von Pop-ups.

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

Die Hintergrundfarbe von Elementen, die mit der Tastatur in Pop-ups hervorgehoben sind (wie dem ausgewählten Element im Dropdown-Menü der URL-Leiste).

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

Die Textfarbe der in Pop-ups hervorgehobenen Elemente.

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

Die Textfarbe von Pop-ups.

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

Die Hintergrundfarbe der Seitenleiste.

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

Die Rahmen- und Trennlinie der Browser-Seitenleiste

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

Die Hintergrundfarbe hervorgehobener Zeilen in den eingebauten Seitenleisten

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

Die Textfarbe hervorgehobener Zeilen in den Seitenleisten.

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

Die Textfarbe der Seitenleisten.

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

Die Farbe des vertikalen Trenners der Hintergrund-Tabs.

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

Die Farbe des Textes, der in den inaktiven Seiten-Tabs angezeigt wird. Wenn tab_text oder bookmark_text nicht angegeben ist, gilt dies für den Text im aktiven Tab.

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

Die Farbe der Linie im ausgewählten Tab.

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

Die Farbe des Ladeindikators und des Ladebursts im Tab.

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

Die Hintergrundfarbe des ausgewählten Tabs. Wenn nicht in Gebrauch, wird die Farbe des ausgewählten Tabs durch frame und frame_inactive festgelegt.

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

Ab Firefox 59 repräsentiert es die Textfarbe für den ausgewählten Tab. Wenn tab_line nicht angegeben ist, definiert es auch die Farbe der ausgewählten Tab-Linie.

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

Die Hintergrundfarbe für die Navigationsleiste, die Lesezeichenleiste und den ausgewählten Tab.

Dies legt auch die Hintergrundfarbe der "Find"-Leiste fest.

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

Die Farbe der Linie, die den unteren Teil der Symbolleiste von der Region darunter trennt.

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

Die Hintergrundfarbe für Felder in der Symbolleiste, wie die URL-Leiste.

Dies legt auch die Hintergrundfarbe des Suchfeldes fest.

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

Die Rahmenfarbe für Felder in der Symbolleiste.

Dies legt auch die Rahmenfarbe des Suchfeldes fest.

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

Die fokussierte Rahmenfarbe für Felder in der Symbolleiste.

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

Die fokussierte Hintergrundfarbe für Felder in der Symbolleiste, wie die URL-Leiste.

"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)"
  }
}

Hier gibt das toolbar_field_highlight-Feld an, dass die Hervorhebungsfarbe hellgrün ist, während der Text ist auf einen mittel-dunklen Grün gesetzt mit toolbar_field_highlight_text.

Die Farbe, die verwendet wird, um den aktuell ausgewählten Text in der URL-Leiste (und der Suchleiste, wenn sie als separates Feld konfiguriert ist) darzustellen.

"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)"
  }
}

Hier wird das toolbar_field_highlight_text-Feld verwendet, um die Textfarbe auf ein dunkles mittleres Grün zu setzen, während die Hervorhebungsfarbe hellgrün ist.

Die Farbe der Trennlinien innerhalb der URL-Leiste. In Firefox 58 wurde dies als toolbar_vertical_separator implementiert.

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

In diesem Screenshot ist "toolbar_vertical_separator" die rote vertikale Linie in der URL-Leiste, die das Leseansichts-Symbol von den anderen Symbolen trennt.

Die Farbe des Textes in Feldern in der Symbolleiste, wie der URL-Leiste. Dies setzt auch die Farbe des Textes im Suchfeld fest.

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

Die Farbe des Textes in fokussierten Feldern in der Symbolleiste, wie der URL-Leiste.

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

Die Farbe des Toolbar-Textes. Dies setzt auch die Farbe des Textes in der "Find"-Leiste fest.

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

Die Farbe der Linie, die die obere Seite der Symbolleiste von der Region darüber trennt.

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

Die Farbe des Trenners in der Lesezeichen-Symbolleiste. In Firefox 58 entspricht dies der Farbe der Trennlinien in der URL-Leiste.

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

Array von String

Optional

Ein Array von Enumerationswerten, die die Ausrichtung des entsprechenden "additional_backgrounds":-Array-Elements definieren.
Die Ausrichtungsoptionen umfassen:

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

Enthält das Array weniger Elemente als das additional_backgrounds-Array, wird das Array für die fehlenden Werte wiederverwendet. Wenn beispielsweise additional_backgrounds 5 Werte enthält und additional_backgrounds_alignment ["left", "top"] enthält, wird das dritte Hintergrundelement mit "left" ausgerichtet, das vierte mit "top" und das fünfte "left".

Wenn nicht angegeben, ist "right top" der Standardwert.

Array von String

Optional

Ein Array von Enumerationswerten, die definieren, wie das entsprechende "additional_backgrounds":-Array-Element wiederholt wird. Optionen umfassen:

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

Enthält das Array weniger Elemente als das additional_backgrounds-Array, wird das Array für die fehlenden Werte wiederverwendet. Wenn beispielsweise additional_backgrounds 5 Werte enthält und additional_backgrounds_tiling ["no-repeat", "repeat-x"] enthält, wird das dritte Hintergrundelement mit "no-repeat" gekachelt, das vierte mit "repeat-x" und das fünfte "no-repeat".

Wenn nicht angegeben, ist "no-repeat" der Standardwert.

Array von String

Optional

Ein Array von Werten, die die Größe des entsprechenden "additional_backgrounds":-Array-Elements definieren. Akzeptiert die gleichen Werte wie die CSS background-size-Eigenschaft, wie "auto", "cover", "contain" oder explizite Breiten- und Höhenwerte (zum Beispiel "100px 200px").

Enthält das Array weniger Elemente als das additional_backgrounds-Array, wird das Array für die fehlenden Werte wiederverwendet. Wenn beispielsweise additional_backgrounds 5 Werte enthält und additional_backgrounds_size ["auto", "100px 100px"] enthält, wird das dritte Hintergrundelement mit "auto" skaliert, das vierte mit "100px 100px" und das fünfte "auto".

Wenn nicht angegeben, ist "auto" der Standardwert.

String

Optional

Bestimmt, welches Farbschema auf das Chrome (z.B. Kontextmenüs) und den Inhalt (z.B. eingebaute Seiten und das bevorzugte Farbschema für Webseiten) angewendet wird. Optionen umfassen:

• "auto" – ein helles oder dunkles Schema basierend automatisch auf dem Thema.
• "light" – ein helles Schema.
• "dark" – ein dunkles Schema.
• "system" – verwendet das System-Schema.

Wenn nicht angegeben, ist "auto" der Standardwert.

String

Optional

Bestimmt, welches Farbschema auf den Inhalt angewendet wird (z.B. eingebaute Seiten und bevorzugtes Farbschema für Webseiten). Überschreibt color_scheme. Optionen umfassen:

• "auto" – ein helles oder dunkles Schema basierend automatisch auf dem Thema.
• "light" – ein helles Schema.
• "dark" – ein dunkles Schema.
• "system" – das System-Schema.

Wenn nicht angegeben, ist "auto" der Standardwert.