theme

Optional ab Firefox 60. Pflicht vor Firefox 60.

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

Pflicht

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 Farbschemata angewendet werden. Siehe properties für Details zu den Eigenschaften, die dieses Objekt enthalten kann.

Ein Vordergrundbild (definiert durch den Pfad zu einem im Add-on gepackten Bild) oder CSS-Gradient, das dem Header-Bereich hinzugefügt wird und an der oberen rechten Ecke des Header-Bereichs verankert ist. CSS-Gradienten werden ab Firefox 153 unterstützt.

Optional in Desktop-Firefox ab Version 60.

Ein Array zusätzlicher Hintergrundelemente, die jeweils entweder der Pfad zu einem im Add-on gepackten Bild oder ein CSS-Gradient sind, die dem Header hinzugefügt und hinter dem "theme_frame":-Element angezeigt werden. Diese zusätzlichen Hintergrundelemente schichten das erste Element im Array oben und das letzte unten. CSS-Gradienten werden ab Firefox 153 unterstützt.

Optional

Standardmäßig sind alle Elemente am oberen rechten Rand des Header-Bereichs verankert, aber ihre Ausrichtung, Wiederholung und Größenverhalten können über "properties": gesteuert werden.

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

Die Farbe von Text und Symbolen in den Lesezeichen- und Suchleisten. Außerdem setzt es, wenn tab_text nicht definiert ist, die Farbe des Textes des aktiven Tabs und, wenn icons nicht definiert ist, die Farbe der Symbolleiste. Bereitgestellt als Chrome-kompatibler Alias für toolbar_text.

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

Die Farbe des Hintergrunds der gedrückten Symbolleistenschaltflächen.

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

Die Farbe des Hintergrunds der Symbolleistenschaltflächen beim Überfahren mit der Maus.

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

Die Farbe der Symbolleistensymbole, abgesehen von denen in der Suchleiste.

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

Die Farbe von Symbolleistensymbolen im Aufmerksamkeit-Zustand wie das Sternchensymbol im Lesezeichen oder das Symbol für abgeschlossene Downloads.

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

Die Farbe des Hintergrunds des Kopfbereichs, angezeigt in dem Teil des Headers, 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 des Kopfbereichs, wenn das Browserfenster inaktiv ist, angezeigt in dem Teil des Headers, 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 Karte auf der neuen Tab-Seite.

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

Die Textfarbe der neuen Tab-Seite.

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

Die Hintergrundfarbe von Popups (wie das Dropdown der URL-Leiste und die Pfeiltasten-Panel).

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

Die Rahmenfarbe von Popups.

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

Die Hintergrundfarbe von mit der Tastatur markierten Elementen in Popups (wie das ausgewählte Dropdown-Element der URL-Leiste).

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

Die Textfarbe von markierten Elementen in Popups.

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

Die Textfarbe von Popups.

"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 Trennlinienfarbe der Browsersidebar

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

Die Hintergrundfarbe der hervorgehobenen Zeilen in integrierten Seitenleisten

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

Die Textfarbe der hervorgehobenen 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 Seitentabs angezeigt wird. Wenn tab_text oder bookmark_text nicht angegeben ist, wird es auf den aktiven Tab-Text angewendet.

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

Die Farbe der ausgewählten Tab-Linie.

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

Die Farbe des Ladeindikators und des Ladeeffekts im Tab.

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

Die Hintergrundfarbe des ausgewählten Tabs. Beim Nichtverwenden 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 steht es für die Textfarbe des ausgewählten Tabs. 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 setzt auch die Hintergrundfarbe der "Finden"-Leiste fest.

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

Die Farbe der Linie, die den unteren Rand der Symbolleiste von der darunter liegenden Region 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 setzt auch die Hintergrundfarbe des Im Seitenbereich finden-Feldes fest.

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

Die Rahmenfarbe für Felder in der Symbolleiste.

Dies setzt auch die Rahmenfarbe des Im Seitenbereich finden-Feldes 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 ein helles Grün ist, während der Text auf ein mittel-dunkles Grün mit dem toolbar_field_highlight_text gesetzt ist.

Die Farbe, die zum Zeichnen des aktuell ausgewählten Textes in der URL-Leiste (und der Suchleiste, falls es konfiguriert ist, dass sie separat ist) verwendet wird.

"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 mittel-dunkles Grün zu setzen, während die Hervorhebungsfarbe ein helles Grün ist.

Die Farbe der Separatoren in 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 Reader-Modus-Symbol von den anderen Symbolen trennt.

Die Farbe des Textes in Feldern in der Symbolleiste, wie der URL-Leiste. Diese setzt auch die Farbe des Textes im Im Seitenbereich finden-Feld 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 Textes in der Symbolleiste. Diese setzt auch die Farbe des Textes in der "Finden"-Leiste fest.

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

Die Farbe der Linie, die den oberen Rand 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 Trennzeichens in der Lesezeichensymbolleiste. In Firefox 58 entspricht es der Farbe der Trennzeichen 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".

Wenn das Array weniger Einträge als das additional_backgrounds-Array enthält, wird das Array für die fehlenden Werte wiederverwendet. Zum Beispiel, wenn 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 mit "left".

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

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"

Wenn das Array weniger Einträge als das additional_backgrounds-Array enthält, wird das Array für die fehlenden Werte wiederverwendet. Zum Beispiel, wenn 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 mit "no-repeat".

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

Array von String

Optional

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

Wenn das Array weniger Einträge als das additional_backgrounds-Array enthält, wird das Array für die fehlenden Werte wiederverwendet. Zum Beispiel, wenn additional_backgrounds 5 Werte enthält und additional_backgrounds_size ["auto", "100px 100px"] enthält, wird das dritte Hintergrundelement mit "auto" dimensioniert, das vierte mit "100px 100px" und das fünfte mit "auto".

Wenn nicht angegeben, ist der Standardwert "auto".

String

Optional

Bestimmt, welches Farbschema auf das Chrome (zum Beispiel Kontextmenüs) angewendet wird und die Inhalte (zum Beispiel integrierte Seiten und das bevorzugte Farbschema für Webseiten). Optionen umfassen:

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

Wenn nicht angegeben, ist der Standardwert "auto".

String

Optional

Bestimmt, welches Farbschema auf die Inhalte (zum Beispiel integrierte Seiten und bevorzugtes Farbschema für Webseiten) angewendet wird. Ü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 Systemschema.

Wenn nicht angegeben, ist der Standardwert "auto".