Colors
The following is the complete list of theme color properties and what surface they apply to:
|
Property |
Applies to |
See it in action |
|---|---|---|
|
button_background_hover |
Hover state background on Toolbar buttons (does not apply to Vertical Toolbar buttons) |
|
|
button_background_active |
Selected state background on all Toolbar buttons |
|
|
bookmark_text |
Text color within Bookmarks Toolbar. Will default to toolbar_text if none assigned |
|
|
frame |
Tab Strip background |
|
|
frame_inactive |
Tab Strip background when you're not focused on the browser window |
|
|
icons |
Toolbar icon (including Sidebar) |
|
|
icons_attention |
Filled out (bookmarked) Bookmark icon and completed download icon fill |
|
|
ntp_background |
New Tab and Firefox View (themeable in-content surfaces) page background |
|
|
ntp_card_background |
New Tab and Firefox View (themeable in-content surfaces) card background |
|
|
ntp_text |
New Tab and Firefox View (themeable in-content surfaces) text |
|
|
popup |
Panel background |
|
|
popup_border |
Panel border |
|
|
popup_highlight |
Highlighted items within Address Bar popup when tabbed / ‘arrow up’ and ‘arrow down’ through keyboard |
|
|
popup_highlight_text |
Text within Address Bar popup’s highlighted item |
|
|
popup_text |
Text within panels |
|
|
sidebar |
Sidebar panel background |
|
|
sidebar_border |
Sidebar panel border |
|
|
sidebar_text |
Sidebar panel text |
|
|
sidebar_highlight |
Highlighted items within a Sidebar treeview (e.g. Bookmarks) |
|
|
tab_background_text |
Text on non-selected tabs. If tab_text and/or bookmark_text are not specified, the selected tab will use it too |
|
|
tab_line |
Outline color of the selected tab |
|
|
tab_loading |
Fill color of the loading indicator on a tab |
|
|
tab_selected |
Background color of the selected tab. If not set, it will inherit frame and frame_inactive |
|
|
tab_text |
Tab text color |
|
|
toolbar |
Toolbar background. Also applies to Find in Page |
|
|
toolbar_bottom_separator |
The separator line between Toolbar and web content, and Find in page and web content |
|
|
toolbar_field |
Toolbar field background color |
|
|
toolbar_field_border |
Border color on Toolbar fields |
|
|
toolbar_field_border_focus |
Border color when focused on Toolbar fields |
|
|
toolbar_field_focus |
Toolbar and Find in Page text field background color on focus |
|
|
toolbar_field_text |
Input text color on Toolbars and Find in Page |
|
|
toolbar_text |
The text color of Toolbars (e.g. Bookmarks) and Find in Page |
|
|
toolbar_top_separator |
The separator line between the Toolbar and the Tabstrip |
|
|
toolbar_vertical_separator |
The separator line between Bookmarks Toolbar items |
|