theme

Optional ab Firefox 60. Verpflichtend vor Firefox 60.

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

Verpflichtend.

Ein JSON-Objekt, dessen Eigenschaften die Farben von verschiedenen Teilen 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"-Bilder angezeigt werden und wie Farbschemata angewendet werden. Siehe properties für Details zu den Eigenschaften, die dieses Objekt enthalten kann.

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

Optional in Desktop Firefox 60 und höher. Erforderlich in Firefox für Android.

Ein Array von URLs für zusätzliche Hintergrundbilder, die dem Kopfbereich hinzugefügt werden 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 Kopfbereichs verankert, aber ihre Ausrichtung und ihr Wiederholungsverhalten können durch Eigenschaften von "properties": gesteuert werden.

Die Farbe von Text und Symbolen in der Lesezeichen- und Suchleiste. Außerdem, wenn tab_text nicht definiert ist, setzt es die Farbe des aktiven Tabtextes und wenn icons nicht definiert ist, die Farbe der Symbolleistensymbole. Bereitgestellt als Chrome-kompatibles 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 schwebenden Symbolleistenschaltflächen.

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

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

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

Die Farbe der Symbolleistensymbole im Aufmerksamkeitszustand, wie das Stern-Symbol eines Lesezeichens 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 Kopfs, der nicht durch das in "theme_frame" und "additional_backgrounds" spezifizierte Bild 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 Kopfs, der nicht durch das in "theme_frame" und "additional_backgrounds" spezifizierte Bild bedeckt oder sichtbar ist.

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

Die Hintergrundfarbe der neuen Tabseite.

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

Die Hintergrundfarbe der Karten auf der neuen Tabseite.

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

Die Textfarbe der neuen Tabseite.

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

Die Hintergrundfarbe der Popups (wie das Dropdown-Menü der URL-Leiste und die Pfeil-Panels).

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

Die Randfarbe der 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 innerhalb von 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 innerhalb von Popups.

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

Die Textfarbe der 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 Trennfarbe der Browser-Seitenleiste.

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

Die Hintergrundfarbe von hervorgehobenen Reihen in eingebauten Seitenleisten.

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

Die Textfarbe von hervorgehobenen Reihen in 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 Separators der Hintergrund-Tabs.

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

Die Farbe des Textes in den inaktiven Seitentabs. Wenn tab_text oder bookmark_text nicht angegeben ist, wird dies für den Text des aktiven Tabs verwendet.

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

Die Farbe der Linie des ausgewählten Tabs.

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

Die Farbe des Ladeindikators und der Ladeanimation im Tab.

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

Die Hintergrundfarbe des ausgewählten Tabs. Wenn nicht verwendet, wird die Farbe des ausgewählten Tabs von 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 des ausgewählten Tabs. Wenn tab_line nicht angegeben ist, definiert es auch die Farbe der Linie des ausgewählten Tabs.

"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 "Suchen"-Leiste.

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

Die Farbe der Linie, die den unteren Rand der Symbolleiste von der darunterliegenden 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 "Suchen in Seite"-Feldes.

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

Die Randfarbe für Felder in der Symbolleiste.

Dies setzt auch die Randfarbe des "Suchen in 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 Randfarbe 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 Feld toolbar_field_highlight an, dass die Hervorhebungsfarbe ein helles Grün ist, während der Text mit toolbar_field_highlight_text auf ein mittelstarkes Grün gesetzt wird.

Die Farbe, die verwendet wird, um den derzeit in der URL-Leiste markierten Text zu zeichnen (und in der Suchleiste, wenn sie 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)"
  }
}

Hier wird mit dem Feld toolbar_field_highlight_text die Textfarbe auf ein mittelstarkes bis mittleres Dunkelgrün gesetzt, während die Hervorhebungsfarbe ein helles Grün ist.

Die Farbe der Separatoren 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 Reader-Mode-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 "Suchen in 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 zum Beispiel 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 der Symbolleiste. Dies 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 der darüber liegenden Region trennt.

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

Die Farbe des Vertikaltrenners in der Lesezeichenleiste. In Firefox 58 entspricht es der Farbe der Separatoren innerhalb 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-Eintrags 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 nicht angegeben, standardmäßig "right top".

Array von String

Optional

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

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

Wenn nicht angegeben, standardmäßig "no-repeat".

String

Optional

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

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

Wenn nicht angegeben, standardmäßig "auto".

String

Optional

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

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

Wenn nicht angegeben, standardmäßig "auto".