theme

Ab Firefox 60 optional. Vor Firefox 60 erforderlich.

Ein JSON-Objekt, dessen Eigenschaften die Bilder repräsentieren, die in verschiedenen Bereichen des Browsers angezeigt werden. Einzelheiten zu den möglichen Eigenschaften dieses Objekts finden Sie unter images.

Erforderlich

Ein JSON-Objekt, dessen Eigenschaften die Farben verschiedener Bereiche des Browsers repräsentieren. Einzelheiten zu den möglichen Eigenschaften dieses Objekts finden Sie unter colors.

Optional

Die Eigenschaften dieses Objekts beeinflussen, wie die Einträge in "additional_backgrounds" angezeigt und Farbschemata angewendet werden. Einzelheiten zu den möglichen Eigenschaften dieses Objekts finden Sie unter properties.

Ein Vordergrundbild (angegeben durch den Pfad zu einer in der Erweiterung enthaltenen Bilddatei) oder ein CSS-Farbverlauf, das bzw. der dem Kopfbereich hinzugefügt und an dessen oberer rechter Ecke ausgerichtet wird. CSS-Farbverläufe werden ab Firefox 153 unterstützt.

Ab Firefox 60 auf Desktopgeräten optional.

Ein Array zusätzlicher Hintergrundeinträge. Jeder Eintrag ist entweder ein Pfad zu einer in der Erweiterung enthaltenen Bilddatei oder ein CSS-Farbverlauf. Die Einträge werden dem Kopfbereich hinzugefügt und hinter dem Eintrag "theme_frame": angezeigt. Dabei liegt der erste Eintrag des Arrays ganz oben und der letzte ganz unten. CSS-Farbverläufe werden ab Firefox 153 unterstützt.

Optional

Standardmäßig werden alle Einträge an der oberen rechten Ecke des Kopfbereichs ausgerichtet. Ihre Ausrichtung, ihr Wiederholungs- und Größenverhalten sowie der Bereich des Browserfensters, in dem sie dargestellt werden, lassen sich jedoch über "properties": steuern.

Da zusätzliche Hintergrundeinträge hinter dem Eintrag theme_frame angezeigt werden, sind sie nicht sichtbar, wenn theme_frame als CSS-Farbverlauf festgelegt ist.

Firefox 157 und höher (Nova):

Firefox 156 und früher:

Die Farbe von Text und Symbolen in der Lesezeichen- und Suchleiste. Wenn tab_text nicht definiert ist, bestimmt sie außerdem die Textfarbe des aktiven Tabs. Wenn icons nicht definiert ist, bestimmt sie zudem die Farbe der Symbolleistensymbole. Diese Eigenschaft dient als Chrome-kompatibler Alias für toolbar_text.

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

Firefox 157 und höher (Nova):

Firefox 156 und früher:

Die Hintergrundfarbe gedrückter Schaltflächen in der Symbolleiste.

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

Firefox 157 und höher (Nova):

Firefox 156 und früher:

Die Hintergrundfarbe von Schaltflächen in der Symbolleiste, wenn sich der Mauszeiger darüber befindet.

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

Firefox 157 und höher (Nova):

Firefox 156 und früher:

Die Farbe der Symbolleistensymbole, ausgenommen die Symbole in der Suchleiste.

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

Firefox 157 und höher (Nova):

Firefox 156 und früher:

Die Farbe von Symbolleistensymbolen im Aufmerksamkeitszustand, etwa eines mit einem Stern versehenen Lesezeichensymbols oder des Symbols für einen abgeschlossenen Download.

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

Firefox 157 und höher (Nova):

Firefox 156 und früher:

Die Hintergrundfarbe des Kopfbereichs. Sie wird in den Teilen angezeigt, die nicht von den unter "theme_frame" und "additional_backgrounds" angegebenen Einträgen verdeckt werden oder durch diese hindurch sichtbar sind.

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

Firefox 157 und höher (Nova):

Firefox 156 und früher:

Die Hintergrundfarbe des Kopfbereichs, wenn das Browserfenster inaktiv ist. Sie wird in den Teilen angezeigt, die nicht von den unter "theme_frame" und "additional_backgrounds" angegebenen Einträgen verdeckt werden oder durch diese hindurch sichtbar sind.

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

Firefox 157 und höher (Nova):

Firefox 156 und früher:

Die Hintergrundfarbe der Neuer-Tab-Seite.

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

Firefox 157 und höher (Nova):

Firefox 156 und früher:

Die Hintergrundfarbe der Karten auf der Neuer-Tab-Seite.

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

Firefox 157 und höher (Nova):

Firefox 156 und früher:

Die Textfarbe der Neuer-Tab-Seite.

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

Firefox 157 und höher (Nova):

Firefox 156 und früher:

Die Hintergrundfarbe von Popups, etwa dem Dropdown-Menü der URL-Leiste und den Pfeil-Panels.

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

Firefox 157 und höher (Nova):

Firefox 156 und früher:

Die Rahmenfarbe von Popups.

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

Firefox 157 und höher (Nova):

Firefox 156 und früher:

Die Hintergrundfarbe von Einträgen in Popups, die über die Tastatur hervorgehoben werden, etwa eines ausgewählten Eintrags im Dropdown-Menü der URL-Leiste.

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

Firefox 157 und höher (Nova):

Firefox 156 und früher:

Die Textfarbe hervorgehobener Einträge in Popups.

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

Firefox 157 und höher (Nova):

Firefox 156 und früher:

Die Textfarbe von Popups.

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

Firefox 157 und höher (Nova):

Firefox 156 und früher:

Die Hintergrundfarbe der Seitenleiste.

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

Firefox 157 und höher (Nova):

Firefox 156 und früher:

Die Farbe des Rahmens und der Trennlinie der Browserseitenleiste.

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

Firefox 157 und höher (Nova):

Firefox 156 und früher:

Die Hintergrundfarbe hervorgehobener Zeilen in integrierten Seitenleisten.

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

Firefox 157 und höher (Nova):

Firefox 156 und früher:

Die Textfarbe hervorgehobener Zeilen in Seitenleisten.

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

Firefox 157 und höher (Nova):

Firefox 156 und früher:

Die Textfarbe von Seitenleisten.

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

Firefox 157 und höher (Nova):

Firefox 156 und früher:

Die Farbe der vertikalen Trennlinie zwischen Hintergrund-Tabs.

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

Firefox 157 und höher (Nova):

Firefox 156 und früher:

Die Farbe des Textes in inaktiven Seiten-Tabs. Wenn weder tab_text noch bookmark_text angegeben ist, gilt sie auch für den Text des aktiven Tabs.

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

Firefox 157 und höher (Nova):

Firefox 156 und früher:

Die Farbe der Linie am ausgewählten Tab.

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

Firefox 157 und höher (Nova):

Firefox 156 und früher:

Die Farbe der Ladeanzeige und der Ladeanimation im Tab.

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

Firefox 157 und höher (Nova):

Firefox 156 und früher:

Die Hintergrundfarbe des ausgewählten Tabs. Wird diese Eigenschaft nicht verwendet, bestimmen frame und frame_inactive die Farbe des ausgewählten Tabs.

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

Firefox 157 und höher (Nova):

Firefox 156 und früher:

Ab Firefox 59 bestimmt diese Eigenschaft die Textfarbe des ausgewählten Tabs. Wenn tab_line nicht angegeben ist, bestimmt sie auch die Farbe der Linie am ausgewählten Tab.

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

Firefox 157 und höher (Nova):

Firefox 156 und früher:

Die Hintergrundfarbe der Navigationsleiste, der Lesezeichenleiste und des ausgewählten Tabs.

Sie bestimmt auch die Hintergrundfarbe der Suchleiste.

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

Firefox 157 und höher (Nova):

Firefox 156 und früher:

Die Farbe der Linie entlang des oberen und linken Randes des Bereichs, der die Webseite enthält. Sie trennt damit den Seiteninhalt von der darüberliegenden Symbolleiste und, sofern die Seitenleiste angezeigt wird, von der Seitenleiste links daneben.

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

Firefox 157 und höher (Nova):

Firefox 156 und früher:

Die Hintergrundfarbe von Feldern in der Symbolleiste, etwa der URL-Leiste.

Sie bestimmt auch die Hintergrundfarbe des Feldes Auf dieser Seite suchen.

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

Firefox 157 und höher (Nova):

Firefox 156 und früher:

Die Rahmenfarbe von Feldern in der Symbolleiste.

Sie bestimmt auch die Rahmenfarbe des Feldes Auf dieser Seite suchen.

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

Firefox 157 und höher (Nova):

Firefox 156 und früher:

Die Rahmenfarbe fokussierter 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"
  }
}

Firefox 157 und höher (Nova):

Firefox 156 und früher:

Die Hintergrundfarbe fokussierter Felder in der Symbolleiste, etwa der URL-Leiste.

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

Firefox 157 und höher (Nova):

Firefox 156 und früher:

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

Firefox 157 und höher (Nova):

Firefox 156 und früher:

Hier legt toolbar_field_highlight ein helles Grün als Hervorhebungsfarbe fest, während toolbar_field_highlight_text den Text auf ein dunkles bis mittleres Grün setzt.

Die Farbe des aktuell ausgewählten Textes in der URL-Leiste (und in der Suchleiste, falls diese als separates Feld konfiguriert ist).

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

Firefox 157 und höher (Nova):

Firefox 156 und früher:

Hier setzt toolbar_field_highlight_text die Textfarbe auf ein dunkles Grün, 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"
  }
}

Firefox 157 und höher (Nova):

Firefox 156 und früher:

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

Die Textfarbe von Feldern in der Symbolleiste, etwa der URL-Leiste. Sie bestimmt auch die Textfarbe des Feldes Auf dieser Seite suchen.

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

Firefox 157 und höher (Nova):

Firefox 156 und früher:

Die Textfarbe fokussierter Felder in der Symbolleiste, etwa 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"
  }
}

Firefox 157 und höher (Nova):

Firefox 156 und früher:

Die Textfarbe der Symbolleiste. Sie bestimmt auch die Textfarbe der Suchleiste.

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

Firefox 157 und höher (Nova):

Firefox 156 und früher:

Die Farbe der Linie, die den oberen Rand der Symbolleiste vom darüberliegenden Bereich trennt.

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

Firefox 157 und höher (Nova):

Firefox 156 und früher:

Die Farbe der Trennlinie in der Lesezeichen-Symbolleiste. In Firefox 58 entspricht sie der Farbe der Trennlinien innerhalb der URL-Leiste.

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

Firefox 157 und höher (Nova):

Firefox 156 und früher:

Array aus String

Optional

Ein Array aus Aufzählungswerten, das die Ausrichtung des jeweiligen Eintrags im Array "additional_backgrounds": definiert.
Folgende Ausrichtungen sind möglich:

• "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 Einträge als additional_backgrounds, werden seine Werte für die fehlenden Einträge erneut verwendet. Wenn additional_backgrounds beispielsweise 5 Werte und additional_backgrounds_alignment die Werte ["left", "top"] enthält, wird der dritte Hintergrundeintrag mit "left", der vierte mit "top" und der fünfte wieder mit "left" ausgerichtet.

Wenn nichts angegeben ist, gilt standardmäßig "right top".

Array aus String

Optional

Ein Array aus Aufzählungswerten, das festlegt, wie der jeweilige Eintrag im Array "additional_backgrounds": wiederholt wird. Folgende Werte sind möglich:

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

Enthält das Array weniger Einträge als additional_backgrounds, werden seine Werte für die fehlenden Einträge erneut verwendet. Wenn additional_backgrounds beispielsweise 5 Werte und additional_backgrounds_tiling die Werte ["no-repeat", "repeat-x"] enthält, wird der dritte Hintergrundeintrag mit "no-repeat", der vierte mit "repeat-x" und der fünfte wieder mit "no-repeat" gekachelt.

Wenn nichts angegeben ist, gilt standardmäßig "no-repeat".

Array aus String

Optional

Ein Array aus Werten, das die Größe des jeweiligen Eintrags im Array "additional_backgrounds": definiert. Es akzeptiert dieselben Werte wie die CSS-Eigenschaft background-size, beispielsweise "auto", "cover", "contain" oder explizite Werte für Breite und Höhe (etwa "100px 200px").

Enthält das Array weniger Einträge als additional_backgrounds, werden seine Werte für die fehlenden Einträge erneut verwendet. Wenn additional_backgrounds beispielsweise 5 Werte und additional_backgrounds_size die Werte ["auto", "100px 100px"] enthält, wird die Größe des dritten Hintergrundeintrags mit "auto", die des vierten mit "100px 100px" und die des fünften wieder mit "auto" festgelegt.

Wenn nichts angegeben ist, gilt standardmäßig "auto".

String

Optional

Bestimmt den Bereich des Browserfensters, in dem die Hintergrundbilder und Farbverläufe des Themes dargestellt werden. Folgende Werte sind möglich:

• "auto" – Firefox wählt den Bereich anhand von additional_backgrounds_alignment. Wenn ein Ausrichtungswert einen Hintergrund vertikal in der Mitte oder am unteren Rand des Kopfbereichs positioniert, werden die Hintergründe in den oberen Symbolleisten dargestellt. Andernfalls werden sie im gesamten Fenster dargestellt.
• "window" – die Hintergründe werden im gesamten Browserfenster dargestellt und erstrecken sich damit auch hinter vertikale Bedienelemente wie die Seitenleiste und vertikale Tabs.
• "top_toolbars" – die Hintergründe werden nur in den horizontalen Symbolleisten am oberen Fensterrand dargestellt, also in der Menüleiste, der Tab-Leiste, der Navigationsleiste und der Lesezeichen-Symbolleiste. Vertikale Bedienelemente wie die Seitenleiste verwenden stattdessen die Farbe frame.

Wenn nichts angegeben ist, gilt standardmäßig "auto".

String

Optional

Bestimmt, welches Farbschema auf die Browseroberfläche (beispielsweise Kontextmenüs) und auf Inhalte (beispielsweise integrierte Seiten und das bevorzugte Farbschema für Webseiten) angewendet wird. Folgende Werte sind möglich:

• "auto" – ein automatisch anhand des Themes gewähltes helles oder dunkles Farbschema.
• "light" – ein helles Farbschema.
• "dark" – ein dunkles Farbschema.
• "system" – verwendet das Farbschema des Systems.

Wenn nichts angegeben ist, gilt standardmäßig "auto".

String

Optional

Bestimmt, welches Farbschema auf Inhalte angewendet wird, beispielsweise auf integrierte Seiten und das bevorzugte Farbschema für Webseiten. Überschreibt color_scheme. Folgende Werte sind möglich:

• "auto" – ein automatisch anhand des Themes gewähltes helles oder dunkles Farbschema.
• "light" – ein helles Farbschema.
• "dark" – ein dunkles Farbschema.
• "system" – das Farbschema des Systems.

Wenn nichts angegeben ist, gilt standardmäßig "auto".