theme

Seit Firefox 60 optional. Vor Firefox 60 obligatorisch.

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.

Obligatorisch.

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 enthält Eigenschaften, die beeinflussen, wie die "additional_backgrounds"-Bilder angezeigt werden und wie Farbgebungen angewendet werden. Siehe properties für Details zu den Eigenschaften, die dieses Objekt enthalten kann.

Die URL eines Vordergrundbildes, das dem Headerbereich hinzugefügt und an der oberen rechten Ecke des Headerbereichs verankert wird.

Seit Firefox 60 auf Desktop optional. Erforderlich in Firefox für Android.

Ein Array von URLs für zusätzliche Hintergrundbilder, die dem Headerbereich hinzugefügt und hinter dem "theme_frame":-Bild angezeigt werden. Diese Bilder schichten das erste Bild im Array oben, das letzte Bild im Array unten.

Optional.

Standardmäßig sind alle Bilder an der oberen rechten Ecke des Headerbereichs verankert, aber ihre Ausrichtung und Wiederholungs- verhalten können durch Eigenschaften von "properties": gesteuert werden.

Die Farbe von Texten und Icons in den Lesezeichen- und Suchleisten. Auch, wenn tab_text nicht definiert ist, legt es die Farbe des aktiven Tab-Texts fest und wenn icons nicht definiert ist, die Farbe der Symbolleisten-Icons. 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 Hintergrundfarbe der gedrückten Symbolleistenschaltflächen.

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

Die Hintergrundfarbe der Symbolleistenschaltflächen beim Hover.

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

Die Farbe der Symbolleisten-Icons, mit Ausnahme derjenigen in der Suchleiste.

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

Die Farbe der Symbolleisten-Icons im Aufmerksamkeitszustand wie das markierte Lesezeichen-Icon oder das Icon für beendete Downloads.

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

Die Farbe des Hintergrundes im Headerbereich, die im Teil des Headers angezeigt wird, der nicht durch die in "theme_frame" und "additional_backgrounds" angegebenen Bilder abgedeckt oder sichtbar ist.

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

Die Farbe des Hintergrunds im Headerbereich, wenn das Browserfenster inaktiv ist, angezeigt im Teil des Headers, der nicht durch die in "theme_frame" und "additional_backgrounds" angegebenen Bilder abgedeckt 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 Popups (wie dem Dropdown der URL-Leiste und den Pfeil-Panels).

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

Die Umrandungsfarbe von Popups.

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

Die Hintergrundfarbe von hervorgehobenen Elementen, die mithilfe der Tastatur innerhalb von Popups (wie dem ausgewählten URL-Leisten-Dropdown-Element) ausgewählt werden.

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

Die Textfarbe von hervorgehobenen Elementen innerhalb von 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 Rand- und Trennerfarbe der Browser-Seitenleiste

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

Die Hintergrundfarbe von hervorgehobenen Zeilen in eingebauten Sidebars

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

Die Textfarbe von hervorgehobenen Zeilen in Sidebars.

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

Die Textfarbe der Sidebars.

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

Die Farbe des vertikalen Trenner 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, gilt die Farbe auch für den aktiven Tab-Text.

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

Die Farbe des ausgewählten Tab-Linie.

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

Die Farbe des Ladeindikators und des Ladebursts des Tabs.

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

Die Hintergrundfarbe des ausgewählten Tabs. Wenn nicht verwendet, wird die ausgewählte Tab-Farbe durch frame und frame_inactive eingestellt.

"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 stellt auch die Hintergrundfarbe der "Suchen"-Leiste ein.

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

Die Farbe der Linie, die den unteren Rand der Symbolleiste vom darunter liegenden Bereich 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 Such-in-der-Seite Feldes.

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

Die Umrandungsfarbe für Felder in der Symbolleiste.

Dies setzt auch die Rahmenfarbe des Such-in-der-Seite Feldes.

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

Die fokussierte Umrandungsfarbe 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 spezifiziert das toolbar_field_highlight Feld, dass die Hervorhebungsfarbe ein helles Grün ist, während der Text auf ein dunkel bis mittleres Grün mit toolbar_field_highlight_text gesetzt ist.

Die Farbe, die verwendet wird, um Text zu zeichnen, der derzeit in der URL-Leiste (und der Suchleiste, falls konfiguriert, um separat zu sein) ausgewählt 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)"
  }
}

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

Die Farbe der Trenner 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-Icon von den anderen Icons trennt.

Die Farbe des Textes in Feldern in der Symbolleiste, wie der URL-Leiste. Dies setzt auch die Farbe des Textes im Such-in-der-Seite Feld.

"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 Symbolleisten-Textes. Diese setzt auch die Farbe des Textes in der "Suchen"-Leiste.

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

Die Farbe der Linie, die den oberen Rand der Symbolleiste von dem darüber liegenden Bereich 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 sie der Farbe der Trennstriche 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, das die Ausrichtung des entsprechenden "additional_backgrounds":-Arrayelements definiert.
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 nicht angegeben, ist der Standardwert "right top".

Array von String

Optional

Ein Array von Enumerationswerten, das definiert, wie das entsprechende "additional_backgrounds":-Arrayelement wiederholt wird. Optionen umfassen:

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

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

String

Optional

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

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

Wenn nicht angegeben, ist der Standardwert "auto".

String

Optional

Bestimmt, welches Farbschema auf den Inhalt angewendet wird (zum Beispiel eingebaute Seiten und das bevorzugte Farbschema für Webseiten). Überschreibt color_scheme. Optionen umfassen:

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

Wenn nicht angegeben, ist der Standardwert "auto".