theme

Optional ab Firefox 60. Vor Firefox 60 verpflichtend.

Ein JSON-Objekt, dessen Eigenschaften die in verschiedenen Bereichen 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 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 werden und Farbschemata angewendet werden. Siehe properties für Details zu den Eigenschaften, die dieses Objekt enthalten kann.

Ein Vordergrundbild (definiert durch den Pfad zu einer Bildressource, die in der Erweiterung verpackt ist) oder CSS-Gradient, das dem Headerbereich hinzugefügt wird und an der oberen rechten Ecke des Headerbereichs verankert ist. CSS-Gradients werden ab Firefox 153 unterstützt.

Optional in Desktop Firefox ab Version 60.

Ein Array zusätzlicher Hintergrundelemente, von denen jedes entweder der Pfad zu einer Bildressource, die in der Erweiterung verpackt ist, oder ein CSS-Gradient ist, welches dem Headerbereich hinzugefügt wird und hinter dem "theme_frame": Element angezeigt wird. Diese zusätzlichen Hintergrundelemente schichten das erste Element im Array oben und das letzte Element unten. CSS-Gradients werden ab Firefox 153 unterstützt.

Optional

Standardmäßig sind alle Elemente an der oberen rechten Ecke des Headerbereichs verankert, aber ihre Ausrichtung, Wiederholung und Größenverhalten sowie das Bereich des Browserfensters, in dem sie gezeichnet werden, können von "properties": gesteuert werden.

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

Die Farbe von Text und Symbolen in der Lesezeichen- und Suchleiste. Wenn tab_text nicht definiert ist, wird die Farbe des aktiven Tab-Textes festgelegt, 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 Hintergrundfarbe der gedrückten Symbolleistenschaltflächen.

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

Die Hintergrundfarbe der Symbolleistenschaltflächen beim Darüberfahren.

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

Die Farbe der Symbolleistensymbole, außer denen in der Suchsymbolleiste.

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

Die Farbe der Symbolleistensymbole im Status der Aufmerksamkeit, wie das Sternsymbol des Lesezeichens oder das Symbol des abgeschlossenen Downloads.

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

Die Farbe des Headerbereichs-Hintergrunds, der in dem Teil des Headers angezeigt wird, der nicht von den in "theme_frame" und "additional_backgrounds" angegebenen Elementen verdeckt oder sichtbar ist.

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

Die Farbe des Headerbereichs-Hintergrunds, wenn das Browserfenster inaktiv ist, angezeigt in dem Teil des Headers, der nicht von den in "theme_frame" und "additional_backgrounds" angegebenen Elementen verdeckt 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 die Dropdown-Liste der URL-Leiste und die Pfeilfenster).

"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 in Popups hervorgehobenen Elementen, die über die Tastatur ausgewählt werden (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 hervorgehobenen 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 hervorgehobener 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 Trennzeichens der Hintergrundtabs.

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

Die Farbe des Textes, der in den inaktiven Seiten-Tabs angezeigt wird. Wenn tab_text oder bookmark_text nicht festgelegt ist, wird es auf den aktiven Tab-Text angewendet.

"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 des Tabs und der Ladeburst des Tabs.

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

Die Hintergrundfarbe des ausgewählten Tabs. Wenn nicht in Gebrauch, 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 stellt er die Textfarbe für den ausgewählten Tab dar. Wenn tab_line nicht festgelegt ist, definiert er 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 legt auch die Hintergrundfarbe der "Finden"-Leiste fest.

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

Die Farbe der Linie, die den unteren Bereich der Symbolleiste von dem 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 legt auch die Hintergrundfarbe des Seite-finden Feldes fest.

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

Die Rahmenfarbe für Felder in der Symbolleiste.

Dies legt auch die Rahmenfarbe des Seite-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 spezifiziert das toolbar_field_highlight-Feld, dass die Hervorhebungsfarbe ein helles Grün ist, während der Text auf ein dunkel-mittleres Grün mit toolbar_field_highlight_text eingestellt wird.

Die Farbe, die verwendet wird, um Text zu zeichnen, der derzeit in der URL-Leiste ausgewählt ist (und der Suchleiste, wenn sie als separater Kasten 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 das toolbar_field_highlight_text-Feld verwendet, um die Textfarbe auf ein mittleres Dunkelgrün einzustellen, während die Hervorhebungsfarbe ein helles Grü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"
  }
}

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

Die Farbe des Textes in Feldern in der Symbolleiste, wie die URL-Leiste. Dies legt auch die Farbe des Textes im Seite-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 die 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. Dies legt 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 Bereich 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 der Trennlinie in der Lesezeichensymbolleiste. In Firefox 58 entspricht dies der Farbe der Trennlinien 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-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 enthält weniger Elemente als das additional_backgrounds Array, 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 unter Verwendung von "left", das vierte unter Verwendung von "top" und das fünfte "left" ausgerichtet.

Wenn nicht angegeben, ist die Standardeinstellung "right top".

Array von String

Optional

Ein Array von Enumerationswerten, die festlegen, wie das entsprechende "additional_backgrounds": Array-Element wiederholt wird. Optionen umfassen:

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

Wenn das Array enthält weniger Elemente als das additional_backgrounds Array, 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 unter Verwendung von "no-repeat", das vierte mit "repeat-x" und das fünfte "no-repeat" gekachelt.

Wenn nicht angegeben, ist die Standardeinstellung "no-repeat".

Array von String

Optional

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

Wenn das Array enthält weniger Elemente als das additional_backgrounds Array, 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", das vierte mit "100px 100px" und das fünfte "auto" skaliert.

Wenn nicht angegeben, ist die Standardeinstellung "auto".

String

Optional

Bestimmt den Bereich des Browserfensters, in dem die Hintergrundbilder und Verläufe des Themes gezeichnet werden. Zu den Optionen gehören:

• "auto" – Firefox wählt den Bereich basierend auf additional_backgrounds_alignment. Wenn ein Ausrichtungswert einen Hintergrund in der vertikalen Mitte oder am unteren Rand des Headerbereichs positioniert, werden die Hintergründe in den oberen Symbolleisten gezeichnet. Andernfalls werden sie im Fenster gezeichnet.
• "window" – die Hintergründe werden im gesamten Browserfenster gezeichnet, so dass sie sich hinter vertikalen Benutzeroberflächen erstrecken, wie die Seitenleiste und vertikale Tabs.
• "top_toolbars" – die Hintergründe werden nur in den horizontalen Symbolleisten oben im Fenster gezeichnet, das heißt, der Menüleiste, der Tableiste, der Navigationssymbolleiste und der Lesezeichensymbolleiste. Vertikale Benutzeroberflächen, wie die Seitenleiste, verwenden stattdessen die frame Farbe.

Wenn nicht angegeben, ist die Standardeinstellung "auto".

String

Optional

Bestimmt, welches Farbschema auf das Chrome (zum Beispiel, Kontextmenüs) und den Inhalt (zum Beispiel, eingebettete Seiten und das bevorzugte Farbschema für Webseiten) angewendet wird. Zu den Optionen gehören:

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

Wenn nicht angegeben, ist die Standardeinstellung "auto".

String

Optional

Bestimmt, welches Farbschema auf den Inhalt (zum Beispiel, eingebettete Seiten und bevorzugtes Farbschema für Webseiten) angewendet wird. Überschreibt color_scheme. Zu den Optionen gehören:

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

Wenn nicht angegeben, ist die Standardeinstellung "auto".