theme

Optional ab Firefox 60. Erforderlich vor Firefox 60.

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.

Erforderlich.

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"-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 Header-Bereich hinzugefügt und an der oberen rechten Ecke des Headers verankert wird.

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 Header-Bereich hinzugefügt und hinter dem "theme_frame":-Bild angezeigt werden. Diese Bilder legen das erste Bild im Array oben, das letzte Bild im Array unten.

Optional.

Standardmäßig sind alle Bilder oben rechts im Header-Bereich verankert, aber deren Ausrichtung und Wiederholungsverhalten können durch Eigenschaften von "properties": gesteuert werden.

Die Farbe des Textes und der Symbole in den Lesezeichen- und Suchleisten. Wenn tab_text nicht definiert ist, wird damit die Farbe des aktiven Tab-Textes und wenn icons nicht definiert ist, die Farbe der Symbolleistensymbole festgelegt. Wird als Chrome-kompatibler Alias für toolbar_text bereitgestellt.

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

"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 Aufmerksamkeitszustand, wie das Stern-Lesezeichen-Symbol oder das fertige Download-Symbol.

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

Die Farbe des Header-Bereichs Hintergrunds, der in dem Teil des Headers angezeigt wird, der nicht durch die in"theme_frame" und "additional_backgrounds" angegebenen Bilder bedeckt oder sichtbar ist.

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

Die Farbe des Header-Bereichs Hintergrunds, wenn das Browserfenster inaktiv ist, angezeigt in dem Teil des Headers, der nicht durch die in "theme_frame" und "additional_backgrounds" angegebenen Bilder 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 auf der neuen Tab-Seite.

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

Die Hintergrundfarbe von Popups (wie dem Dropdown-Menü der URL-Leiste und den Pfeil-Panels).

"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 hervorgehobenen Elementen innerhalb von Popups (wie dem ausgewählten Dropdown-Element der URL-Leiste).

"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 Rahmen- und Trennlinie der Browser-Seitenleiste.

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

Die Hintergrundfarbe von hervorgehobenen Zeilen in integrierten Seitenleisten.

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

Die Textfarbe von hervorgehobenen Zeilen 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 Trenners von 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 dies für den aktiven Tab-Text.

"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 Ladeblitzes des Tabs.

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

Die Hintergrundfarbe des ausgewählten Tabs. Wenn nicht in Verwendung, wird die Farbe des ausgewählten Tabs von frame und frame_inactive gesetzt.

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

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

Die Farbe der Linie, die die Unterseite der Toolbar vom darunterliegenden Bereich trennt.

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

Die Hintergrundfarbe für Felder in der Toolbar, wie die des URL-Felds.

Dies setzt auch die Hintergrundfarbe des Suchbereichs Feldes.

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

Die Rahmenfarbe für Felder in der Toolbar.

Dies setzt auch die Rahmenfarbe des Suchbereichs Feldes.

"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 Toolbar.

"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 Toolbar, wie z.B. dem URL-Bereich.

"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 mit toolbar_field_highlight_text auf ein dunkel-mittelgrünes Grün gesetzt wird.

Die Farbe, die verwendet wird, um Text zu zeichnen, der im URL-Feld (und dem Suchfeld, wenn es so konfiguriert ist, dass es getrennt ist) derzeit hervorgehoben 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-mittelgrünes Grün zu setzen, während die Hervorhebungsfarbe ein helles Grün ist.

Die Farbe der Trennstriche innerhalb des URL-Felds. 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 im URL-Feld, die das Lesezeichen-Symbol von den anderen Symbolen trennt.

Die Farbe des Textes in Feldern in der Toolbar, wie dem URL-Bereich. Dies setzt auch die Farbe des Textes im Suchbereich-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 Toolbar, wie dem URL-Bereich.

"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. 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 die Oberseite der Toolbar vom 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 Lesezeichenleiste. In Firefox 58 entspricht dies der Farbe der Trennstriche 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 Enum-Werten, 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, wird standardmäßig "right top" verwendet.

Array von String

Optional

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

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

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

String

Optional

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

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

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

String

Optional

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

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

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