wuggy/Dactyloidae
wuggy/Dactyloidae
1
0
Fork 0
mirror of https://repo.dactyloidae.xyz/Dactyloidae/UXP.git synced 2026-09-28 19:37:32 +09:00
Code Issues Projects Releases Packages Wiki Activity
Dactyloidae/apply_australis.patch

3673 lines
313 KiB
Diff
Raw Normal View History

fix some more australis shit
2026-09-25 21:09:25 +03:00
diff --git a/browser/base/content/browser.xul b/browser/base/content/browser.xul
index 20c0ab097d..0521b130de 100644
--- a/browser/base/content/browser.xul
+++ b/browser/base/content/browser.xul
@@ -561,16 +561,16 @@
context="backForwardMenu"/>
<toolbarbutton id="home-button" class="toolbarbutton-1 chromeclass-toolbar-additional"
- removable="true"
- label="&homeButton.label;"
- ondragover="homeButtonObserver.onDragOver(event)"
- ondragenter="homeButtonObserver.onDragOver(event)"
- ondrop="homeButtonObserver.onDrop(event)"
- ondragexit="homeButtonObserver.onDragExit(event)"
- key="goHome"
- onclick="BrowserGoHome(event);"
- cui-areatype="toolbar"
- aboutHomeOverrideTooltip="&abouthome.pageTitle;"/>
+ removable="true"
+ label="&homeButton.label;"
+ ondragover="homeButtonObserver.onDragOver(event)"
+ ondragenter="homeButtonObserver.onDragOver(event)"
+ ondrop="homeButtonObserver.onDrop(event)"
+ ondragexit="homeButtonObserver.onDragExit(event)"
+ key="goHome"
+ onclick="BrowserGoHome(event);"
+ cui-areatype="toolbar"
+ aboutHomeOverrideTooltip="&abouthome.pageTitle;"/>
<textbox id="urlbar" flex="1"
placeholder="&urlbar.placeholder2;"
type="autocomplete"
@@ -689,6 +689,98 @@
</hbox>
</toolbaritem>
+ <toolbaritem id="search-container" title="&searchItem.title;"
+ align="center" class="chromeclass-toolbar-additional panel-wide-item"
+ cui-areatype="toolbar"
+ flex="100" persist="width" removable="true">
+ <searchbar id="searchbar" flex="1"/>
+ </toolbaritem>
+
+ <toolbarbutton id="bookmarks-menu-button"
+ class="toolbarbutton-1 chromeclass-toolbar-additional"
+ removable="true"
+ type="menu-button"
+ label="&bookmarksMenuButton.label;"
+ tooltip="dynamic-shortcut-tooltip"
+ anchor="dropmarker"
+ ondragenter="PlacesMenuDNDHandler.onDragEnter(event);"
+ ondragover="PlacesMenuDNDHandler.onDragOver(event);"
+ ondragleave="PlacesMenuDNDHandler.onDragLeave(event);"
+ ondrop="PlacesMenuDNDHandler.onDrop(event);"
+ cui-areatype="toolbar"
+ oncommand="BookmarkingUI.onCommand(event);">
+ <observes element="bookmarkThisPageBroadcaster" attribute="starred"/>
+ <observes element="bookmarkThisPageBroadcaster" attribute="buttontooltiptext"/>
+ <menupopup id="BMB_bookmarksPopup"
+ class="cui-widget-panel cui-widget-panelview cui-widget-panelWithFooter PanelUI-subView"
+ placespopup="true"
+ context="placesContext"
+ openInTabs="children"
+ oncommand="BookmarksEventHandler.onCommand(event, this.parentNode._placesView);"
+ onclick="BookmarksEventHandler.onClick(event, this.parentNode._placesView);"
+ onpopupshowing="BookmarkingUI.onPopupShowing(event);
+ BookmarkingUI.attachPlacesView(event, this);"
+ tooltip="bhTooltip" popupsinherittooltip="true">
+ <menuitem id="BMB_viewBookmarksSidebar"
+ class="subviewbutton"
+ label="&viewBookmarksSidebar2.label;"
+ type="checkbox"
+ oncommand="SidebarUI.toggle('viewBookmarksSidebar');">
+ <observes element="viewBookmarksSidebar" attribute="checked"/>
+ </menuitem>
+ <!-- NB: temporary solution for bug 985024, this should go away soon. -->
+ <menuitem id="BMB_bookmarksShowAllTop"
+ class="menuitem-iconic subviewbutton"
+ label="&showAllBookmarks2.label;"
+ command="Browser:ShowAllBookmarks"
+ key="manBookmarkKb"/>
+ <menuseparator/>
+ <menuitem label="&recentBookmarks.label;"
+ id="BMB_recentBookmarks"
+ disabled="true"
+ class="menuitem-iconic subviewbutton"/>
+ <menuseparator/>
+ <menu id="BMB_bookmarksToolbar"
+ class="menu-iconic bookmark-item subviewbutton"
+ label="&personalbarCmd.label;"
+ container="true">
+ <menupopup id="BMB_bookmarksToolbarPopup"
+ placespopup="true"
+ context="placesContext"
+ onpopupshowing="if (!this.parentNode._placesView)
+ new PlacesMenu(event, 'place:folder=TOOLBAR',
+ PlacesUIUtils.getViewForNode(this.parentNode.parentNode).options);">
+ <menuitem id="BMB_viewBookmarksToolbar"
+ placesanonid="view-toolbar"
+ toolbarId="PersonalToolbar"
+ type="checkbox"
+ oncommand="onViewToolbarCommand(event)"
+ label="&viewBookmarksToolbar.label;"/>
+ <menuseparator/>
+ <!-- Bookmarks toolbar items -->
+ </menupopup>
+ </menu>
+ <menu id="BMB_unsortedBookmarks"
+ class="menu-iconic bookmark-item subviewbutton"
+ label="&bookmarksMenuButton.other.label;"
+ container="true">
+ <menupopup id="BMB_unsortedBookmarksPopup"
+ placespopup="true"
+ context="placesContext"
+ onpopupshowing="if (!this.parentNode._placesView)
+ new PlacesMenu(event, 'place:folder=UNFILED_BOOKMARKS',
+ PlacesUIUtils.getViewForNode(this.parentNode.parentNode).options);"/>
+ </menu>
+ <menuseparator/>
+ <!-- Bookmarks menu items will go here -->
+ <menuitem id="BMB_bookmarksShowAll"
+ class="subviewbutton panel-subview-footer"
+ label="&showAllBookmarks2.label;"
+ command="Browser:ShowAllBookmarks"
+ key="manBookmarkKb"/>
+ </menupopup>
+ </toolbarbutton>
+
<!-- This is a placeholder for the Downloads Indicator. It is visible
during the customization of the toolbar, in the palette, and before
the Downloads Indicator overlay is loaded. -->
Add australis patch
2026-09-25 15:37:09 +03:00
diff --git a/browser/themes/linux/jar.mn b/browser/themes/linux/jar.mn
index 6afafa9d0a..e9f666418b 100644
--- a/browser/themes/linux/jar.mn
+++ b/browser/themes/linux/jar.mn
@@ -12,7 +12,7 @@ browser.jar:
skin/classic/browser/aboutSyncTabs.css
#endif
skin/classic/browser/actionicon-tab.png
-* skin/classic/browser/browser.css (../windows/browser.css)
+* skin/classic/browser/browser.css
* skin/classic/browser/devedition.css
* skin/classic/browser/browser-lightweightTheme.css
skin/classic/browser/click-to-play-warning-stripes.png
diff --git a/browser/themes/osx/jar.mn b/browser/themes/osx/jar.mn
index 2c584712dd..92d2ceedf5 100644
--- a/browser/themes/osx/jar.mn
+++ b/browser/themes/osx/jar.mn
@@ -12,7 +12,7 @@ browser.jar:
#endif
skin/classic/browser/actionicon-tab.png
skin/classic/browser/actionicon-tab@2x.png
-* skin/classic/browser/browser.css (../windows/browser.css)
+* skin/classic/browser/browser.css
* skin/classic/browser/devedition.css
* skin/classic/browser/browser-lightweightTheme.css
skin/classic/browser/click-to-play-warning-stripes.png
diff --git a/browser/themes/shared/customizableui/panelUI.inc.css b/browser/themes/shared/customizableui/panelUI.inc.css
index 231c1abe70..5550ef295a 100644
--- a/browser/themes/shared/customizableui/panelUI.inc.css
+++ b/browser/themes/shared/customizableui/panelUI.inc.css
@@ -257,16 +257,6 @@ panelview:not([mainview]) .toolbarbutton-text,
flex: auto;
}
-.panelUI-list #PanelUI-contents {
- padding: 0;
- margin: 0;
-}
-
-.panelUI-list #PanelUI-contents-scroller {
- width: auto;
- padding: 0;
-}
-
.toolbaritem-combined-buttons@inAnyPanel@ > toolbarbutton > .toolbarbutton-icon {
min-width: 0;
min-height: 0;
@@ -459,94 +449,6 @@ toolbarpaletteitem[place="palette"] > toolbaritem > toolbarbutton {
margin-inline-end: 2px;
}
-/* List layout variant */
-.panelUI-list {
- display: grid;
- grid-template-columns: 1fr 1fr;
- gap: 0;
-}
-
-.panelUI-list .toolbarbutton-1,
-.panelUI-list .toolbarbutton-1 > .toolbarbutton-menubutton-button {
- -moz-appearance: none;
- -moz-box-orient: horizontal;
- width: 100%;
- height: auto;
- min-height: 48px;
- padding: 8px 12px;
- border: none;
- margin: 0;
-}
-
-/* Full width items */
-.panelUI-list > #new-window-button,
-.panelUI-list > #privatebrowsing-button,
-.panelUI-list > #save-page-button,
-.panelUI-list > #print-button,
-.panelUI-list > #history-panelmenu,
-.panelUI-list > #find-button,
-.panelUI-list > #preferences-button,
-.panelUI-list > #add-ons-button,
-.panelUI-list > #developer-button,
-.panelUI-list > #characterencoding-button {
- grid-column: 1 / -1;
-}
-
-.panelUI-list .toolbarbutton-1 > .toolbarbutton-icon,
-.panelUI-list .toolbarbutton-1 > .toolbarbutton-badge-stack {
- width: 16px;
- height: 16px;
- min-width: 16px;
- min-height: 16px;
- margin: 0 12px 0 0;
- margin-inline-end: 12px;
-}
-
-.panelUI-list .toolbarbutton-1 > .toolbarbutton-badge-stack > .toolbarbutton-icon {
- width: 16px;
- height: 16px;
- min-width: 16px;
- min-height: 16px;
- margin: 0;
-}
-
-.panelUI-list .toolbarbutton-1 > .toolbarbutton-text,
-.panelUI-list .toolbarbutton-1 > .toolbarbutton-multiline-text,
-.panelUI-list .toolbarbutton-1 > .toolbarbutton-menubutton-button > .toolbarbutton-text,
-.panelUI-list .toolbarbutton-1 > .toolbarbutton-menubutton-button > .toolbarbutton-multiline-text {
- text-align: start;
- margin: 0;
- display: -moz-box;
- -moz-box-orient: vertical;
- -moz-box-pack: center;
-}
-
-.panelUI-list .toolbarbutton-1[type="menu"] {
- background-image: url("chrome://browser/skin/toolbarbutton-dropdown-arrow.png");
- background-position: right 12px center;
- background-repeat: no-repeat;
- padding-inline-end: 28px;
-}
-
-.panelUI-list .toolbarbutton-1[type="menu"]:-moz-locale-dir(rtl) {
- background-position: left 12px center;
- padding-inline-start: 28px;
- padding-inline-end: 12px;
-}
-
-.panelUI-list .toolbarbutton-1 > .toolbarbutton-menu-dropmarker {
- display: none;
-}
-
-.panelUI-list .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker {
- display: none;
-}
-
-.panelUI-list .toolbarbutton-1 > .toolbarbutton-multiline-text,
-.panelUI-list .toolbarbutton-1 > .toolbarbutton-menubutton-button > .toolbarbutton-multiline-text {
- display: none !important;
-}
-
#edit-controls@inAnyPanel@ > #copy-button,
#zoom-controls@inAnyPanel@ > #zoom-reset-button {
border-left: none;
diff --git a/browser/themes/shared/incontentprefs/preferences.inc.css b/browser/themes/shared/incontentprefs/preferences.inc.css
index 941313ef22..557aee1991 100644
--- a/browser/themes/shared/incontentprefs/preferences.inc.css
+++ b/browser/themes/shared/incontentprefs/preferences.inc.css
@@ -45,26 +45,14 @@ treecol {
/* Category List */
-#preferences-sidebar {
- max-height: 100vh;
-}
-
#categories {
- max-height: none;
+ max-height: 100vh;
}
#categories > scrollbox {
overflow-x: hidden !important;
}
-#preferences-sidebar-footer {
- padding: 8px 15px 12px;
-}
-
-#sidebar-open-addons {
- margin: 0;
-}
-
/**
* We want the last category to always have non-0 getBoundingClientRect().bottom
* so we can use the value to figure out the max-height of the list in
diff --git a/browser/themes/windows/browser.css b/browser/themes/windows/browser.css
fix some more australis shit
2026-09-25 21:09:25 +03:00
index e632cc2974..978c3b790e 100644
Add australis patch
2026-09-25 15:37:09 +03:00
--- a/browser/themes/windows/browser.css
+++ b/browser/themes/windows/browser.css
@@ -2,2387 +2,6 @@
* License, v. 2.0. If a copy of the MPL was not distributed with this
* file, You can obtain one at http://mozilla.org/MPL/2.0/. */
- /* Firefox Edge v1.8.0 */
-
-@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
-@-moz-document url("chrome://browser/content/browser.xul") {
-
-%ifdef XP_MACOSX
- /* When this Windows theme is used on macOS, keep titlebar metrics aligned
- * with Cocoa so the top chrome doesn't get clipped. */
- #main-window > #titlebar,
- #main-window[tabsintitlebar] > #titlebar {
- min-height: 22px !important;
- }
-
- #titlebar-buttonbox,
- #titlebar-buttonbox-container,
- #main-window[sizemode="normal"] #TabsToolbar,
- #main-window[sizemode="maximized"] #TabsToolbar {
- margin-top: 0 !important;
- margin-bottom: 0 !important;
- }
-
- .titlebar-button {
- height: 22px !important;
- margin-bottom: 0 !important;
- }
-%endif
-
-:root {
- font-family: "Segoe UI", "Lucida Grande", "Helvetica Neue", sans-serif;
-}
-
- /* MAIN WINDOW & TITLEBAR BUTTONS */
- #titlebar-min,
- #titlebar-max,
- #main-window[sizemode="maximized"] #titlebar-max,
- #titlebar-close,
- #minimize-button,
- #restore-button,
- #close-button {
- -moz-appearance: none !important;
- display: -moz-box !important;
- border: none !important;
- padding: 0 !important;
- width: 46px !important;
- height: 32px !important;
- font-family: "Segoe UI", "Lucida Grande", "Helvetica Neue", sans-serif !important;
- }
-
-
- #main-window {
- background-color: var(--second-level-bg-color) !important;
- }
-
- @media (-moz-os-version: windows-xp),
- (-moz-os-version: windows-vista),
- (-moz-os-version: windows-win7),
- (-moz-os-version: windows-win8) {
- #main-window {
- -moz-appearance: none !important;
- }
- }
-
- #main-menubar {
- color: var(--main-font-color) !important;
- }
-
- #main-menubar > menu {
- background-color: var(--second-level-bg-color) !important;
- }
-
- #main-menubar > menu:hover {
- background-color: var(--second-level-bg-hover-color) !important;
- }
-
- #main-menubar > menu:hover:active,
- #main-menubar > menu[open="true"] {
- background-color: var(--second-level-bg-active-color) !important;
- border-width: 2px !important;
- }
-
- #titlebar-min,
- #minimize-button,
- toolbar[brighttext] #titlebar-min,
- toolbar[brighttext] #minimize-button {
- list-style-image: none !important;
- background: var(--titlebar-min-image) no-repeat center;
- background-position-y: 11px;
- }
-
- #titlebar-max {
- list-style-image: none !important;
- background: var(--titlebar-max-image) no-repeat center;
- }
-
- #main-window[sizemode="maximized"] #titlebar-max,
- #restore-button {
- list-style-image: none !important;
- background: var(--titlebar-restore-image) no-repeat center;
- }
-
- #titlebar-close,
- #titlebar-close:hover,
- #close-button,
- #close-button:hover {
- list-style-image: none !important;
- background: var(--titlebar-close-image) no-repeat center;
- }
-
- #titlebar-min:hover,
- #titlebar-max:hover,
- #minimize-button:hover,
- #restore-button:hover {
- background-color: var(--titlebar-min-max-hover-bg-color) !important;
- }
-
- #titlebar-min:hover:active,
- #titlebar-max:hover:active,
- #minimize-button:hover:active,
- #restore-button:hover:active {
- background-color: var(--titlebar-min-max-active-bg-color) !important;
- }
-
- #titlebar-close:hover,
- #close-button:hover {
- background-color: var(--titlebar-close-hover-bg-color);
- }
-
- #titlebar-close:hover:active,
- #close-button:hover:active {
- background-color: var(--titlebar-close-active-bg-color);
- }
-
- .titlebar-button {
- height: 32px !important;
- margin-bottom: -14px !important;
- }
-
- #main-window[sizemode="normal"] #TabsToolbar {
- margin-top: -1px !important;
- margin-left: -1px !important;
- }
-
- @media (-moz-os-version: windows-win10) {
- #main-window[sizemode="normal"] #TabsToolbar,
- #main-window[sizemode="maximized"] #TabsToolbar {
- margin-top: 2px !important;
- }
- }
-
- #titlebar-buttonbox {
- -moz-appearance: none !important;
- margin-inline-end: 0 !important;
- }
-
- #navigator-toolbox::after {
- border-bottom: 1px solid var(--navigator-separator-bg-color) !important;
- }
-
- /* TABS */
- #TabsToolbar {
- -moz-appearance: none !important;
- height: 32px !important;
- background-color: var(--second-level-bg-color) !important;
- margin-bottom: 0 !important;
- }
-
- .tabbrowser-tab {
- color: var(--inactive-font-color) !important;
- background-color: var(--second-level-bg-color) !important;
- border: none !important;
- font-family: "Segoe UI", "Lucida Grande", "Helvetica Neue", sans-serif !important;
- font-size: 12px;
- }
-
- .tab-content {
- padding-bottom: 1px !important;
- }
-
- .tabbrowser-tab .tab-stack {
- padding-bottom: 1px !important;
- }
-
- .tabbrowser-tab:hover:not([selected]) {
- color: var(--main-font-color) !important;
- background-color: var(--second-level-bg-hover-color) !important;
- }
-
- .tabbrowser-tab[selected] {
- color: var(--main-font-color) !important;
- background: var(--top-level-bg-color) !important;
- }
-
- .tab-background {
- -moz-margin-end: 0 !important;
- -moz-margin-start: 0 !important;
- background: transparent !important;
- }
-
- .tabbrowser-arrowscrollbox > .arrowscrollbox-scrollbox {
- -moz-padding-end: 0 !important;
- -moz-padding-start: 0 !important;
- }
-
- .tab-background-start,
- .tab-background-end {
- display: none !important;
- }
-
- #TabsToolbar .tab-background-middle {
- background: transparent !important;
- margin: -12px 0px !important;
- }
-
- .tabs-newtab-button,
- #new-tab-button {
- -moz-margin-end: 0 !important;
- -moz-margin-start: 0 !important;
- background: transparent !important;
- width: 32px !important;
- margin: 0 !important;
- }
-
- .tabs-newtab-button .toolbarbutton-icon,
- #new-tab-button .toolbarbutton-icon {
- list-style-image: var(--new-tab-button-image) !important;
- padding-top: 2px !important;
- }
-
- .tabs-newtab-button .toolbarbutton-icon {
- margin-left: 3px !important;
- }
-
- #new-tab-button .toolbarbutton-icon {
- margin-left: 1px !important;
- }
-
- .tabs-newtab-button:hover,
- #new-tab-button:hover {
- background: var(--new-tab-hover-bg-color) !important;
- }
-
- .tabs-newtab-button:hover:active,
- #new-tab-button:hover:active {
- background: var(--tab-button-bg-active-color) !important;
- }
-
- #new-tab-button {
- padding-right: 0px !important;
- }
-
- .tabbrowser-tab::after,
- .tabbrowser-tab::before {
- background-image: linear-gradient(transparent 6px,
- var(--tab-separator-color) 6px,
- var(--tab-separator-color) calc(100% - 6px),
- transparent calc(100% - 6px));
- border: none !important;
- opacity: 1.0;
- }
-
- .tabbrowser-tab[pinned]::before,
- .tabbrowser-tab[pinned] + .tabbrowser-tab:not([pinned])::before,
- .tabbrowser-tab[last-visible-tab]::after {
- background-image: linear-gradient(transparent 0px,
- var(--tab-separator-color) 0px,
- var(--tab-separator-color) 100%,
- transparent 100%);
- border: none !important;
- }
-
- #TabsToolbar[brighttext] > #tabbrowser-tabs > .tabbrowser-tab::before,
- #TabsToolbar[brighttext] > #tabbrowser-tabs > .tabbrowser-tab::after {
- opacity: 1;
- }
-
- .tabbrowser-tab .close-icon {
- list-style-image: var(--tab-close-button-image);
- -moz-image-region: rect(0, 20px, 20px, 0px);
- background-image: none !important;
- height: 20px !important;
- width: 20px !important;
- }
-
- .tabbrowser-tab .close-icon:hover {
- -moz-image-region: rect(0, 40px, 20px, 20px);
- }
-
- .tabbrowser-tab .close-icon:hover:active {
- -moz-image-region: rect(0, 60px, 20px, 40px);
- }
-
- .tab-close-button:not([selected]) {
- display: none !important;
- }
-
- tab:hover:not([pinned]) .tab-close-button {
- display: -moz-box !important;
- }
-
- #tabbrowser-tabs[overflow] > .tabbrowser-tab[pinned] {
- padding-bottom: 15px !important;
- height: 32px !important;
- }
-
- #tabbrowser-tabs[overflow] > .tabbrowser-tab[pinned] > .tab-stack {
- margin-top: 7px !important;
- margin-bottom: -7px !important;
- }
-
- .tabbrowser-arrowscrollbox > .scrollbutton-up,
- .tabbrowser-arrowscrollbox > .scrollbutton-down,
- #TabsToolbar[brighttext] > #tabbrowser-tabs > .tabbrowser-arrowscrollbox > .scrollbutton-up,
- #TabsToolbar[brighttext] > #tabbrowser-tabs > .tabbrowser-arrowscrollbox > .scrollbutton-down {
- list-style-image: var(--tab-scroll-up-down-button-image);
- -moz-image-region: rect(0, 15px, 17px, 0) !important;
- background-image: none !important;
- background-color: var(--tab-scroll-up-down-bg-color) !important;
- width: 34px !important;
- position: unset !important;
- transition: none !important;
- margin: 0 !important;
- padding-top: 1px !important;
- }
-
- .tabbrowser-arrowscrollbox > .scrollbutton-up:not([disabled="true"]):hover,
- .tabbrowser-arrowscrollbox > .scrollbutton-down:not([disabled="true"]):hover {
- background-color: var(--tab-scroll-up-down-bg-hover-color) !important;
- }
-
- .tabbrowser-arrowscrollbox > .scrollbutton-up:not([disabled="true"]):hover:active,
- .tabbrowser-arrowscrollbox > .scrollbutton-down:not([disabled="true"]):hover:active {
- background-color: var(--tab-scroll-up-down-bg-active-color) !important;
- }
-
- .tabbrowser-arrowscrollbox > .scrollbutton-up[disabled="true"],
- .tabbrowser-arrowscrollbox > .scrollbutton-down[disabled="true"] {
- background-color: var(--tab-scroll-up-down-bg-disabled-color) !important;
- opacity: 1.0;
- }
-
- .tabbrowser-arrowscrollbox > .scrollbutton-up[disabled="true"] > .toolbarbutton-icon,
- .tabbrowser-arrowscrollbox > .scrollbutton-down[disabled="true"] > .toolbarbutton-icon {
- opacity: 0.5;
- }
-
- .tabbrowser-arrowscrollbox > .scrollbutton-down > .toolbarbutton-icon,
- .tabbrowser-arrowscrollbox > .scrollbutton-up > .toolbarbutton-icon {
- margin-left: -1px !important;
- }
-
- .arrowscrollbox-overflow-start-indicator,
- .arrowscrollbox-overflow-end-indicator {
- display: none !important;
- }
-
- #alltabs-button,
- #TabsToolbar[brighttext] > #alltabs-button {
- list-style-image: var(--default-dropdown-image);
- background-color: transparent !important;
- background-image: none !important;
- }
-
- #alltabs-button:hover {
- background-color: var(--alltabs-bg-hover-color) !important;
- }
-
- #alltabs-button:hover:active {
- background-color: var(--alltabs-bg-active-color) !important;
- }
-
- .tab-icon-image {
- list-style-image: var(--tab-icon-image);
- }
-
- .tabbrowser-tab:not(:hover):not([selected]) .tab-icon-image:not([src]) {
- opacity: .6;
- }
-
- .tab-icon-image:not([src]):not([pinned]):not([crashed]):not([busy]) {
- display: block !important;
- }
-
- .tab-icon-sound {
- list-style-image: var(--tab-icon-sound-image) !important;
- }
-
- .tab-icon-sound[soundplaying] {
- -moz-image-region: rect(0, 16px, 16px, 0);
- opacity: 0.8;
- }
-
- .tab-icon-sound[soundplaying]:hover {
- opacity: 0.9 !important;
- }
-
- .tab-icon-sound[soundplaying]:hover:active {
- opacity: 1 !important;
- }
-
- .tab-icon-sound[muted] {
- -moz-image-region: rect(0, 32px, 16px, 16px);
- opacity: 0.8;
- }
-
- .tab-icon-sound[muted]:hover {
- opacity: 0.9 !important;
- }
-
- .tab-icon-sound[muted]:hover:active {
- opacity: 1.0 !important;
- }
-
- .tab-icon-sound {
- order: 2 !important;
- }
-
- .tabbrowser-tab:not([visuallyselected]):not(:hover) > .tab-stack >.tab-content > .tab-icon-sound {
- opacity: 1;
- }
-
- /* REPLACE PINNED TAB'S FAVICON WITH AUDIO ICON */
- .tabbrowser-tab[pinned][soundplaying] > .tab-stack >.tab-content > .tab-icon-image,
- .tabbrowser-tab[pinned][soundplaying] > .tab-stack >.tab-content > .tab-icon-overlay {
- display: none !important;
- }
-
- .tabbrowser-tab[pinned][muted] > .tab-stack >.tab-content > .tab-icon-overlay {
- display: none !important;
- }
-
- .tabbrowser-tab[pinned][soundplaying] > .tab-stack >.tab-content > .tab-icon-sound {
- display: block !important;
- margin-left: 0px !important;
- margin-right: 6px !important;
- }
-
- /* PUT TAB'S AUDIO ICON ON THE LEFT SIDE OF TEXT */
- .tab-content {
- display: -moz-box;
- -moz-box-orient: horizontal;
- }
-
- .tab-throbber {
- -moz-box-ordinal-group: 0;
- }
-
- .tab-icon-image {
- -moz-box-ordinal-group: 1;
- }
-
- .tab-icon-overlay {
- -moz-box-ordinal-group: 1;
- }
-
- .tab-text {
- -moz-box-ordinal-group: 3;
- }
-
- .tab-icon-sound {
- -moz-box-ordinal-group: 4;
- }
-
- .tab-close-button {
- -moz-box-ordinal-group: 5;
- }
-
- .tab-icon-sound {
- -moz-box-ordinal-group: 2;
- margin-left: 3px !important;
- margin-right: 5px !important;
- }
-
- .tab-label:not([pinned]) {
- margin-left: 3px !important;
- }
-
- /* NEW TAB ANIMATION */
- .tabbrowser-tab:not([pinned]) {
- margin-top: 0;
- transition: min-width 70ms ease-out,
- max-width 100ms ease-out,
- margin-top 160ms linear;
- }
-
- .tabbrowser-tab:not([pinned]):not([fadein]) {
- margin-top: 14px;
- }
-
- /* TAB ATTENTION ANIMATION */
- @keyframes tab-attention {
- 0% { background-color: rgba(255, 185, 0, 0); }
- 40% { background-color: rgba(255, 185, 0, 1); }
- 100% { background-color: rgba(255, 185, 0, 0); }
- }
-
- .tabbrowser-tab:-moz-any([image], [pinned]) > .tab-stack > .tab-content[attention]:not([visuallyselected="true"]),
- .tabbrowser-tab > .tab-stack > .tab-content[pinned][titlechanged]:not([visuallyselected="true"]) {
- background-image: none !important;
- -moz-animation: tab-attention 1.5s cubic-bezier(.20,.42,.60,.57) infinite;
- }
-
- .tab-label[attention]:not([visuallyselected="true"]) {
- font-weight: normal !important;
- }
-
- /* TAB DRAG & DROP INDICATOR */
- .tab-drop-indicator {
- list-style-image: var(--tab-drop-indicator) !important;
- }
-
- /* CLOSE ICON */
- .close-icon > .button-icon,
- .close-icon > .button-box > .button-icon,
- .close-icon > .toolbarbutton-icon {
- width: 20px !important;
- }
-
- /* TOOLBARBUTTON ON TABS TOOLBAR */
- #TabsToolbar .toolbarbutton-menu-dropmarker,
- #TabsToolbar .toolbarbutton-1,
- #TabsToolbar .toolbarbutton-menubutton-button,
- #TabsToolbar .toolbarbutton-menubutton-dropmarker {
- border: none !important;
- background: none !important;
- box-shadow: none !important;
- }
-
- #TabsToolbar .toolbarbutton-menu-dropmarker {
- -moz-appearance: none !important;
- padding: 0 !important;
- list-style-image: var(--default-dropdown-image);
- margin-left: 3px !important;
- }
-
- #TabsToolbar .toolbarbutton-1,
- #TabsToolbar .toolbarbutton-menubutton-button {
- -moz-appearance: none !important;
- padding: 0 8px !important;
- }
-
- #TabsToolbar .toolbarbutton-1[type="menu-button"] {
- padding-left: 0 !important;
- }
-
- #TabsToolbar .toolbarbutton-menubutton-dropmarker {
- width: 16px !important;
- }
-
- #TabsToolbar .toolbarbutton-1:not([type="menu-button"]):hover,
- #TabsToolbar .toolbarbutton-1:not([id="bookmarks-menu-button"]) > .toolbarbutton-menubutton-button:hover,
- #TabsToolbar .toolbarbutton-1:not([id="bookmarks-menu-button"]):not([buttonover]):not([open]):not(:active):hover > .toolbarbutton-menubutton-dropmarker {
- background-color: var(--second-level-alt-bg-hover-color) !important;
- }
-
- #TabsToolbar .toolbarbutton-1:not([type="menu-button"]):hover:active,
- #TabsToolbar .toolbarbutton-1:not([id="bookmarks-menu-button"]) > .toolbarbutton-menubutton-button:hover:active {
- background-color: var(--second-level-alt-bg-active-color) !important;
- }
-
- /* NAV. BAR */
- #nav-bar {
- background-image: none !important;
- background-color: var(--top-level-bg-color) !important;
- height: 44px !important;
- box-shadow: none !important;
- padding: 0 !important;
- margin-top: 0 !important;
- }
-
- #TabsToolbar:not([collapsed="true"]) + #nav-bar {
- border: none !important;
- }
-
- #urlbar > toolbarbutton {
- -moz-box-ordinal-group: 0;
- }
-
- :-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #webide-button, #containers-panelmenu),
- toolbar[brighttext] :-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #webide-button, #containers-panelmenu) {
- list-style-image: var(--navbar-toolbarbutton-images);
- }
-
- @media (min-resolution: 1.1dppx) {
- :-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #webide-button, #containers-panelmenu),
- toolbar[brighttext] :-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #webide-button, #containers-panelmenu) {
- list-style-image: var(--navbar-toolbarbutton-images2x);
- }
- }
-
- /* BACK BUTTON */
- #back-button {
- list-style-image: var(--back-button-image);
- -moz-image-region: auto !important;
- border-radius: 0 !important;
- padding: 0 !important;
- padding-inline-start: 0 !important;
- padding-inline-end: 0 !important;
- }
-
- #back-button > .toolbarbutton-icon {
- padding: 0 !important;
- max-width: 36px !important;
- background-color: transparent !important;
- }
-
- /* FORWARD BUTTON */
- #urlbar-wrapper {
- clip-path: none !important;
- margin-left: 4px !important;
- }
-
- #urlbar-wrapper > #forward-button {
- margin: 0 !important;
- }
-
- #forward-button {
- list-style-image: var(--forward-button-image);
- -moz-image-region: auto !important;
- }
-
- #forward-button > .toolbarbutton-icon {
- background-color: transparent !important;
- padding-left: 0px !important;
- padding-right: 0px !important;
- max-width: 36px !important;
- box-shadow: none !important;
- border: none !important;
- margin-left: 4px !important;
- margin-right: 4px !important;
- }
-
- /* RELOAD BUTTON */
- #urlbar-reload-button {
- list-style-image: var(--reload-button-image);
- -moz-image-region: auto !important;
- border: none !important;
- background-color: var(--top-level-bg-color) !important;
- margin-inline-start: 4px !important;
- margin-top: -2px !important;
- margin-bottom: -2px !important;
- padding: 0 !important;
- width: 44px !important;
- height: 44px !important;
- }
-
- #urlbar-reload-button > .toolbarbutton-icon {
- width: 18px;
- }
-
- #urlbar-reload-button:not([displaystop]) {
- visibility: visible !important;
- }
-
- #urlbar-reload-button[displaystop] + #urlbar-stop-button {
- visibility: visible !important;
- }
-
- #urlbar-reload-button:not([disabled="true"]):hover {
- background-color: var(--top-level-bg-hover-color) !important;
- }
-
- #urlbar-reload-button:not([disabled="true"]):hover:active {
- background-color: var(--top-level-bg-active-color) !important;
- }
-
- /* STOP BUTTON */
- #urlbar-stop-button {
- list-style-image: var(--stop-button-image);
- -moz-image-region: auto !important;
- border: none !important;
- background-color: var(--top-level-bg-color) !important;
- margin-inline-start: 4px !important;
- margin-top: -2px !important;
- margin-bottom: -2px !important;
- padding: 0 !important;
- width: 44px !important;
- height: 44px !important;
- }
-
- #urlbar-stop-button > .toolbarbutton-icon {
- width: 16px;
- }
-
- #urlbar-stop-button:not([disabled="true"]):hover {
- background-color: var(--top-level-bg-hover-color) !important;
- }
-
- #urlbar-stop-button:not([disabled="true"]):hover:active {
- background-color: var(--top-level-bg-active-color) !important;
- }
-
- #urlbar-go-button {
- visibility: collapse !important;
- }
-
- /* HOME BUTTON */
- :-moz-any(#nav-bar, #mainPopupSet) #home-button {
- list-style-image: var(--home-button-image) !important;
- -moz-image-region: auto !important;
- }
-
- /* URLBAR */
- #urlbar {
- border: none !important;
- background-color: var(--top-level-bg-color) !important;
- color: var(--main-font-color) !important;
- font-family: "Segoe UI", "Lucida Grande", "Helvetica Neue", sans-serif !important;
- }
-
- #urlbar[focused] {
- box-shadow: none !important;
- }
-
- /* NOTIFICATION POPUP BOX */
- #notification-popup-box {
- border: none;
- border-radius: 0 !important;
- background-color: var(--top-level-bg-color) !important;
- margin-inline-end: -8px;
- }
-
- /* IDENTITY BOX */
- #identity-box {
- margin-right: 4px !important;
- border-right: none !important;
- padding-inline-start: 14px !important;
- }
-
- #notification-popup-box[hidden] + #identity-box {
- margin-left: 16px !important;
- }
-
- #identity-box:hover,
- #identity-box:active,
- #identity-box:focus,
- #identity-box[open=true],
- #identity-box.verifiedIdentity,
- #identity-box.verifiedIdentity:hover,
- #identity-box.verifiedIdentity[open=true],
- #identity-box.verifiedIdentity:not([open]):hover,
- #identity-box.verifiedDomain,
- #identity-box.verifiedDomain:hover,
- #identity-box.verifiedDomain[open=true],
- #identity-box.verifiedDomain:not([open]):hover,
- #identity-box.mixedContent,
- #identity-box.mixedContent:hover,
- #identity-box.mixedContent[open=true],
- #identity-box.mixedContent:not([open]):hover {
- background-color: transparent !important;
- background-image: none !important;
- }
-
- #identity-box.verifiedIdentity {
- color: var(--verified-identity-font-color) !important;
- }
-
- #identity-box > #identity-icon {
- margin-left: -4px !important;
- }
-
- #identity-icon {
- list-style-image: var(--identity-icon-image);
- }
-
- #identity-box:hover > #identity-icon:not(.no-hover),
- #identity-box[open=true] > #identity-icon {
- list-style-image: var(--identity-icon-hover-image);
- }
-
- #identity-box.grantedPermissions > #identity-icon {
- list-style-image: var(--identity-icon-notice-image);
- }
-
- #identity-box.grantedPermissions:hover > #identity-icon:not(.no-hover),
- #identity-box.grantedPermissions[open=true] > #identity-icon {
- list-style-image: var(--identity-icon-notice-hover-image);
- }
-
- #tracking-protection-icon {
- list-style-image: var(--tracking-protection-enabled-image);
- }
-
- #tracking-protection-icon[state="loaded-tracking-content"] {
- list-style-image: var(--tracking-protection-disabled-image);
- }
-
- #urlbar[pageproxystate="valid"] > #identity-box.certUserOverridden > #connection-icon {
- list-style-image: var(--connection-mixed-passive-image);
- }
-
- #urlbar[pageproxystate="valid"] > #identity-box.insecureLoginForms > #connection-icon,
- #urlbar[pageproxystate="valid"] > #identity-box.mixedActiveContent > #connection-icon {
- list-style-image: var(--connection-mixed-active-image);
- }
-
- #urlbar[pageproxystate="valid"] > #identity-box.weakCipher > #connection-icon,
- #urlbar[pageproxystate="valid"] > #identity-box.mixedDisplayContent > #connection-icon,
- #urlbar[pageproxystate="valid"] > #identity-box.mixedDisplayContentLoadedActiveBlocked > #connection-icon {
- list-style-image: var(--connection-mixed-passive-image);
- }
-
- .urlbar-textbox-container {
- margin-left: 16px !important;
- border-left: 1px solid;
- border-image: linear-gradient(transparent 21%, var(--urlbar-separator-color) 21%, var(--urlbar-separator-color) 79%, transparent 79%);
- border-image-slice: 1 !important;
- background: white !important;
- }
-
- .urlbar-input-box, #urlbar-display-box {
- border-inline-start: 0 !important;
- background: white !important;
- }
-
- .urlbar-history-dropmarker {
- list-style-image: var(--urlbar-history-dropmarker-image);
- -moz-image-region: auto !important;
- transition: none !important;
- opacity: 0.7;
- -moz-appearance: menulist-button;
- }
-
- .urlbar-history-dropmarker > .dropmarker-icon {
- filter: var(--chrome-icon-filter);
- }
-
- .urlbar-history-dropmarker:hover {
- opacity: 0.85;
- }
-
- .urlbar-history-dropmarker:hover:active {
- opacity: 1.0;
- }
-
- .urlbar-icon {
- padding: 0 6px;
- width: 32px;
- height: 20px;
- }
-
- /* READER MODE BUTTON */
- #reader-mode-button {
- list-style-image: var(--reader-mode-button-image);
- -moz-image-region: rect(0, 20px, 20px, 0);
- }
-
- #reader-mode-button:hover,
- #reader-mode-button[readeractive]:hover {
- -moz-image-region: rect(0, 40px, 20px, 20px);
- }
-
- #reader-mode-button:hover:active,
- #reader-mode-button[readeractive] {
- -moz-image-region: rect(0, 40px, 20px, 20px);
- }
-
- /* URLBAR ZOOM BUTTON */
- #urlbar-zoom-button {
- -moz-appearance: none !important;
- background-color: var(--top-level-bg-hover-color);
- }
-
- #urlbar-zoom-button:hover {
- background-color: var(--top-level-bg-active-color);
- }
-
- #urlbar-zoom-button:hover:active {
- background-color: var(--tab-scroll-up-down-bg-active-color);
- }
-
- /* SEARCH TEXTBOX */
- .searchbar-textbox {
- color: var(--main-font-color) !important;
- background-color: var(--searchbar-bg-color) !important;
- border-color: var(--tab-separator-color) !important;
- border-radius: 0 !important;
- box-shadow: none !important;
- }
-
- .searchbar-textbox:hover {
- background-color: var(--searchbar-bg-hover-color) !important;
- }
-
- .searchbar-textbox[focused] {
- background-color: var(--searchbar-bg-active-color) !important;
- }
-
- .searchbar-search-button {
- list-style-image: var(--searchbar-search-button-image);
- -moz-image-region: rect(0, 20px, 20px, 0);
- }
-
- .searchbar-search-button:hover {
- -moz-image-region: rect(0, 40px, 20px, 20px);
- }
-
- .searchbar-search-button:hover:active {
- -moz-image-region: rect(0, 60px, 20px, 40px);
- }
-
- .searchbar-search-button[addengines="true"] {
- list-style-image: var(--searchbar-search-button-addengines-image);
- }
-
- .search-go-button {
- list-style-image: var(--searchbar-go-button-image);
- -moz-image-region: rect(0, 14px, 14px, 0);
- padding: 0 !important;
- }
-
- .search-go-button:hover {
- -moz-image-region: rect(0, 28px, 14px, 14px);
- }
-
- .search-go-button:hover:active {
- -moz-image-region: rect(0, 42px, 14px, 28px);
- }
-
- /* BOOKMARKS BUTTON */
- :-moz-any(#nav-bar, #mainPopupSet, #PersonalToolbar, #TabsToolbar) #bookmarks-menu-button {
- list-style-image: var(--bookmarks-menu-button-image);
- }
-
- :-moz-any(#nav-bar, #mainPopupSet, #PersonalToolbar, #TabsToolbar) #bookmarks-menu-button > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon,
- :-moz-any(#nav-bar, #mainPopupSet, #PersonalToolbar, #TabsToolbar)[brighttext] #bookmarks-menu-button > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon {
- list-style-image: var(--bookmarks-menu-button-dropmarker-image);
- }
-
- #nav-bar #bookmarks-menu-button[cui-areatype="toolbar"] > .toolbarbutton-menubutton-button > .toolbarbutton-icon {
- max-width: 33px;
- }
-
- #nav-bar #bookmarks-menu-button[cui-areatype="toolbar"] > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon {
- max-width: 34px;
- }
-
- #bookmarks-menu-button[cui-areatype="toolbar"] {
- -moz-image-region: rect(0, 20px, 20px, 0);
- }
-
- #bookmarks-menu-button[cui-areatype="toolbar"]:not([starred]) > .toolbarbutton-menubutton-button:hover > .toolbarbutton-icon {
- -moz-image-region: rect(0, 40px, 20px, 20px);
- }
-
- #bookmarks-menu-button[cui-areatype="toolbar"][starred] > .toolbarbutton-menubutton-button:hover > .toolbarbutton-icon {
- opacity: 0.65 !important;
- }
-
- #bookmarks-menu-button[cui-areatype="toolbar"][starred] {
- -moz-image-region: rect(0, 60px, 20px, 40px);
- }
-
- #bookmarks-menu-button[cui-areatype="toolbar"] > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon {
- -moz-image-region: rect(0, 20px, 20px, 0);
- margin-left: 1px !important;
- }
-
- #bookmarks-menu-button[cui-areatype="toolbar"]:not([buttonover]):not([open]):not(:active):hover > .toolbarbutton-menubutton-dropmarker:not([disabled="true"]) > .dropmarker-icon,
- #bookmarks-menu-button[cui-areatype="toolbar"][open] > .toolbarbutton-menubutton-dropmarker:not([disabled=true]) > .dropmarker-icon {
- -moz-image-region: rect(0, 40px, 20px, 20px);
- }
-
- #bookmarked-notification-dropmarker-icon {
- width: 20px !important;
- height: 20px !important;
- }
-
- #bookmarked-notification {
- background-size: 20px !important;
- width: 20px !important;
- height: 20px !important;
- }
-
- #bookmarked-notification-anchor[notification="finish"] > #bookmarked-notification {
- background-image: var(--bookmarked-notification-image);
- }
-
- #nav-bar .badged-button:hover {
- background-color: var(--top-level-bg-hover-color) !important;
- }
-
- #nav-bar .badged-button:hover:active {
- background-color: var(--top-level-bg-active-color) !important;
- }
-
- /* DOWNLOADS BUTTON */
-
- #downloads-button[cui-areatype="toolbar"] .toolbarbutton-icon {
- width: 20px !important;
- height: 20px !important;
- list-style-image: none !important;
- background: var(--downloads-button-image) no-repeat center !important;
- }
-
- #downloads-indicator-icon {
- width: 20px !important;
- height: 20px !important;
- background-size: 20px !important;
- background: none !important;
- background-image: var(--downloads-button-image) !important;
- }
-
- #downloads-button[attention="success"] > #downloads-indicator-anchor > #downloads-indicator-icon {
- background-image: var(--downloads-button-attention-image) !important;
- }
-
- #downloads-indicator-counter {
- margin: 0 !important;
- margin-bottom: 1px !important;
- color: var(--inactive-font-color) !important;
- text-shadow: none !important;
- font-size: 10px !important;
- line-height: 10px !important;
- }
-
- #downloads-button:not([counter]) > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-counter {
- background: var(--downloads-button-image) center no-repeat;
- background-size: 16px;
- }
-
- #downloads-button[paused] > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-progress > .progress-bar {
- background-color: var(--downloads-indicator-paused-bg-color) !important;
- }
-
- #downloads-notification-anchor[notification="start"] > #downloads-indicator-notification {
- background-image: var(--downloads-button-start-notification-image);
- }
-
- #downloads-notification-anchor[notification="finish"] > #downloads-indicator-notification {
- background-image: var(--downloads-button-finish-notification-image);
- }
-
- /* PROGRESS METER */
- progressmeter {
- -moz-appearance: none !important;
- border: none !important;
- border-radius: 0 !important;
- box-shadow: none !important;
- min-height: 4px !important;
- height: 4px !important;
- }
-
- progressmeter > .progress-bar {
- -moz-appearance: none !important;
- background-color: var(--downloads-indicator-bg-color) !important;
- background-image: none !important;
- border: none !important;
- border-radius: 0 !important;
- }
-
- progressmeter[paused="true"] > .progress-bar {
- background-color: var(--downloads-indicator-paused-bg-color) !important;
- }
-
- progressmeter > .progress-remainder {
- background-color: var(--downloads-indicator-remainder-color) !important;
- background-image: none !important;
- border: none !important;
- border-radius: 0 !important;
- }
-
- /* MENU BUTTON */
- #PanelUI-button {
- margin-inline-start: 0px !important;
- border-inline-start: none !important;
- }
-
- #PanelUI-menu-button {
- list-style-image: var(--menu-button-image);
- -moz-image-region: auto !important;
- border-inline-start: none !important;
- }
-
- #PanelUI-menu-button > :-moz-any(.toolbarbutton-menubutton-button, .toolbarbutton-badge-stack) > .toolbarbutton-icon {
- max-width: 20px;
- }
-
- /* TOOLBAR BUTTON */
- #nav-bar .toolbarbutton-1,
- #nav-bar .toolbarbutton-1:not([id="bookmarks-menu-button"]) > .toolbarbutton-menubutton-button {
- min-width: 44px !important;
- min-height: 44px !important;
- }
-
- #nav-bar :-moz-any(#back-button, #forward-button):not([disabled="true"]):hover,
- :-moz-any(#mainPopupSet, #nav-bar, #PersonalToolbar) .toolbarbutton-1:not([disabled="true"]):not([type="menu-button"]):not(#back-button):not(#forward-button):hover,
- :-moz-any(#mainPopupSet, #nav-bar, #PersonalToolbar) .toolbarbutton-1:not([id="bookmarks-menu-button"]) > .toolbarbutton-menubutton-button:hover,
- :-moz-any(#mainPopupSet, #nav-bar, #PersonalToolbar) .toolbarbutton-1:not([id="bookmarks-menu-button"]):not([buttonover]):not([open]):not(:active):hover > .toolbarbutton-menubutton-dropmarker {
- background-color: var(--top-level-bg-hover-color) !important;
- }
-
- #nav-bar :-moz-any(#back-button, #forward-button):not([disabled="true"]):hover:active,
- :-moz-any(#mainPopupSet, #nav-bar, #PersonalToolbar) .toolbarbutton-1:not([disabled="true"]):not([type="menu-button"]):not(#back-button):not(#forward-button):hover:active,
- :-moz-any(#mainPopupSet, #nav-bar, #PersonalToolbar) .toolbarbutton-1:not([id="bookmarks-menu-button"]) > .toolbarbutton-menubutton-button:hover:active {
- background-color: var(--top-level-bg-active-color) !important;
- }
-
- :-moz-any(#mainPopupSet, #nav-bar, #PersonalToolbar) .toolbarbutton-1 > .toolbarbutton-icon,
- :-moz-any(#mainPopupSet, #nav-bar, #PersonalToolbar) .toolbarbutton-1 > .toolbarbutton-menubutton-button > .toolbarbutton-icon,
- :-moz-any(#mainPopupSet, #nav-bar, #PersonalToolbar) .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon,
- :-moz-any(#mainPopupSet, #nav-bar, #PersonalToolbar) .toolbarbutton-1 > .toolbarbutton-badge-stack,
- :-moz-any(#mainPopupSet, #nav-bar, #PersonalToolbar) .toolbarbutton-1:not([disabled=true]):not([checked]):not([open]):not(:active):hover > .toolbarbutton-badge-stack {
- border: none !important;
- background: none !important;
- box-shadow: none !important;
- }
-
- #PanelUI-popup .toolbarbutton-1:not([buttonover]):not([open]):not(:active):hover > .toolbarbutton-menubutton-dropmarker {
- background-color: var(--top-level-bg-active-color) !important;
- }
-
- #PanelUI-popup .toolbarbutton-1:hover:active > .toolbarbutton-menubutton-dropmarker,
- #PanelUI-popup .toolbarbutton-1[open] > .toolbarbutton-menubutton-dropmarker{
- background-color: var(--tab-scroll-up-down-bg-active-color) !important;
- }
-
- #nav-bar .toolbarbutton-1:not(:hover):not(:active):not([open]) > .toolbarbutton-menubutton-dropmarker::before {
- height: 18px !important;
- margin-inline-end: -1px !important;
- background-image: linear-gradient(var(--tab-separator-color) 0, var(--tab-separator-color) 100%) !important;
- background-size: 1px 18px !important;
- opacity: 1 !important;
- }
-
- .toolbarbutton-1 > .toolbarbutton-menu-dropmarker,
- .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker,
- toolbar[brighttext] .toolbarbutton-1 > .toolbarbutton-menu-dropmarker,
- toolbar[brighttext] .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker {
- -moz-appearance: none !important;
- padding: 0 !important;
- list-style-image: var(--default-dropdown-image);
- }
-
- .panelUI-grid .toolbarbutton-1[type="menu"] {
- background-image: var(--default-dropdown-image);
- background-position: right 4px top 22px;
- }
-
- /* TOOLBAR BUTTON BADGE */
- .toolbarbutton-badge {
- background-color: var(--toolbarbutton-badge-bg-color) !important;
- border-radius: 50% !important;
- border: 1px solid var(--toolbarbutton-badge-border-color) !important;
- box-shadow: none !important;
- min-width: 16px !important;
- }
-
- #nav-bar .toolbarbutton-badge {
- margin: 8px 0 0 !important;
- margin-inline-end: -8px !important;
- }
-
- /* BOOKMARKS TOOLBAR */
- #navigator-toolbox > #PersonalToolbar {
- background-color: var(--top-level-bg-color) !important;
- background-image: none !important;
- height: 33px !important;
- border-top: 1px solid var(--navigator-separator-bg-color) !important;
- padding: 0 !important;
- }
-
- #PersonalToolbar toolbarbutton.bookmark-item:not(.subviewbutton) {
- padding: 2px 6px !important;
- border: none !important;
- border-radius: 0 !important;
- transition-property: none !important;
- box-shadow: none !important;
- color: var(--main-font-color) !important;
- }
-
- .bookmark-item {
- list-style-image: var(--bookmarks-favicon-image);
- }
-
- #PersonalToolbar .bookmark-item:hover:not([open]),
- #PersonalToolbar toolbarbutton.chevron:hover:not([open]) {
- background: var(--top-level-bg-hover-color) !important;
- }
-
- #PersonalToolbar .bookmark-item:hover:active,
- #PersonalToolbar .bookmark-item[open],
- #PersonalToolbar toolbarbutton.chevron[open] {
- background: var(--top-level-bg-active-color) !important;
- }
-
- #PlacesToolbarDropIndicator {
- list-style-image: var(--bookmarks-drop-indicator-image) !important;
- }
-
- toolbar toolbarbutton.chevron,
- toolbar[brighttext] toolbarbutton.chevron {
- -moz-appearance: none !important;
- padding: 0 !important;
- border: none !important;
- list-style-image: var(--bookmarks-chevron-image) !important;
- width: 44px !important;
- }
-
- #PersonalToolbar toolbarseparator {
- -moz-appearance: none !important;
- border: none !important;
- margin: 0 6px 0 6px !important;
- background-image: linear-gradient(transparent 6px,
- var(--urlbar-separator-color) 6px,
- var(--urlbar-separator-color) calc(100% - 6px),
- transparent calc(100% - 6px));
- min-width: 1px !important;
- }
-
- #PersonalToolbar .toolbarbutton-menu-dropmarker {
- -moz-appearance: none !important;
- padding: 0 !important;
- list-style-image: var(--default-dropdown-image);
- margin-left: 3px !important;
- }
-
- #PersonalToolbar toolbarbutton:not(.bookmark-item) {
- -moz-appearance: none !important;
- padding: 0 8px !important;
- border: none !important;
- }
-
- #PersonalToolbar toolbarbutton[type="menu-button"]:not(.bookmark-item) {
- padding-left: 0 !important;
- }
-
- #PersonalToolbar .toolbarbutton-menubutton-dropmarker {
- width: 16px !important;
- }
-
- /* POCKET BUTTON */
- #nav-bar #pocket-button {
- list-style-image: var(--pocket-button-image) !important;
- }
-
- @media (min-resolution: 1.1dppx) {
- #nav-bar #pocket-button {
- list-style-image: var(--pocket-button-image2x) !important;
- }
- }
-
- /* TAB THROBBER ANIMATION */
- .tab-throbber[busy],
- .tab-throbber[progress] {
- padding: 0px !important;
- margin-inline-end: 4px !important;
- margin-left: -2px !important;
- margin-top: 1px !important;
- width: 20px !important;
- height: 20px !important;
- image-rendering: auto !important;
- list-style-image: var(--tab-throbber-animation-image) !important;
- }
-
- @media (min-resolution: 1.1dppx) {
- .tab-throbber[busy],
- .tab-throbber[progress] {
- list-style-image: var(--tab-throbber-animation-image2x) !important;
- }
- }
-
- /* INVERSION & BRIGHTENING OF IMAGES */
- .notification-anchor-icon:not(#default-notification-icon):not(#servicesInstall-notification-icon):not(#translated-notification-icon):not(#web-notifications-notification-icon):not(.plugin-blocked),
- .notification-anchor-icon.desktop-notification-icon,
- .blocked-permission-icon,
- .messageImage:not([value="popup-blocked"]):not([value="plugin-hidden"]):not([value="reset-profile-notification"]),
- .popup-notification-icon:not([popupid="addon-install-confirmation"]):not([popupid="addon-progress"]):not([popupid="addon-install-complete"]):not([popupid="addon-install-restart"]):not([popupid="greasemonkey-notification"]):not([popupid="addon-install-blocked"]) {
- filter: invert(var(--image-inversion-percentage)) brightness(var(--image-brightness));
- }
-
- /* MENU & POPUPS */
- :-moz-any(#PopupAutoComplete, #PopupSearchAutoComplete, #PopupAutoCompleteRichResult, #invalid-form-popup, #editBookmarkPanel, #social-share-panel, #social-notification-panel, #social-flyout-panel, #ctrlTab-panel, #notification-popup, #PanelUI-popup, #widget-overflow, #customization-tipPanel, #panic-button-success-notification, #identity-popup, #alertbox_menu_panel, #downloadsPanel, #BMB_bookmarksPopup, #customizationui-widget-panel) .panel-arrowcontent,
- #BMB_bookmarksPopup .arrowscrollbox-scrollbox {
- background-color: var(--top-level-bg-color) !important;
- color: var(--main-font-color) !important;
- --arrowpanel-border-color: var(--urlbar-separator-color) !important;
- border-radius: 0 !important;
- box-shadow: none !important;
- }
-
- :-moz-any(#mainPopupSet, #nav-bar) .panel-subviews {
- background-color: var(--top-level-bg-color) !important;
- border-left: 1px solid var(--urlbar-separator-color);
- }
-
- #PanelUI-popup .panel-subview-body {
- margin: 0 -4px 0 -4px !important;
- padding: 4px 0 4px 0 !important;
- }
-
- :-moz-any(#mainPopupSet, #nav-bar) .panel-subview-header,
- :-moz-any(#mainPopupSet, #nav-bar, #PersonalToolbar, #TabsToolbar) .subviewbutton[shortcut]::after,
- #nav-bar .menu-accel,
- #nav-bar .menu-iconic-accel,
- :-moz-any(#mainPopupSet, #nav-bar) .PanelUI-remotetabs-instruction-title,
- :-moz-any(#mainPopupSet, #nav-bar) .PanelUI-remotetabs-instruction-label,
- :-moz-any(#mainPopupSet, #nav-bar) #PanelUI-remotetabs-mobile-promo,
- :-moz-any(#mainPopupSet, #nav-bar) #identity-popup-content-verifier ~ description,
- :-moz-any(#mainPopupSet, #nav-bar, #PersonalToolbar, #TabsToolbar) .subviewbutton[disabled="true"] {
- color: var(--gray-text-color) !important;
- }
-
- :-moz-any(#mainPopupSet, #nav-bar) toolbarbutton,
- :-moz-any(#mainPopupSet, #nav-bar, #PersonalToolbar, #TabsToolbar) .subviewbutton:not(.panel-subview-footer):not([disabled="true"]),
- :-moz-any(#mainPopupSet, #nav-bar) .downloadsPanelFooter {
- color: var(--main-font-color) !important;
- border: none !important;
- }
-
- :-moz-any(#mainPopupSet, #nav-bar) toolbarbutton[disabled="true"],
- :-moz-any(#mainPopupSet, #nav-bar, #PersonalToolbar, #TabsToolbar) .subviewbutton:not(.panel-subview-footer)[disabled="true"] {
- color: var(--gray-text-color) !important;
- }
-
- #mainPopupSet toolbarbutton:not(.close-icon):not(#PanelUI-quit):not([disabled="true"]):hover,
- #nav-bar panel toolbarbutton:not(.close-icon):not([disabled="true"]):hover,
- #mainPopupSet .identity-popup-expander:not([disabled="true"]):hover,
- :-moz-any(#mainPopupSet, #nav-bar, #PersonalToolbar, #TabsToolbar) .subviewbutton:not([disabled="true"]):hover,
- #mainPopupSet .searchbar-engine-one-off-item:not([disabled="true"]):hover {
- background-color: var(--top-level-bg-hover-color);
- }
-
- #mainPopupSet toolbarbutton:not(.close-icon):not(#PanelUI-quit):not([disabled="true"]):hover:active,
- #nav-bar panel toolbarbutton:not(.close-icon):not([disabled="true"]):hover:active,
- #mainPopupSet .identity-popup-expander:not([disabled="true"]):hover:active,
- :-moz-any(#mainPopupSet, #nav-bar, #PersonalToolbar, #TabsToolbar) .subviewbutton:not([disabled="true"]):hover:active,
- #mainPopupSet .searchbar-engine-one-off-item:not([disabled="true"]):hover:active {
- background-color: var(--top-level-bg-active-color);
- }
-
- :-moz-any(#mainPopupSet, #nav-bar, #PersonalToolbar, #TabsToolbar) .subviewbutton.panel-subview-footer,
- #mainPopupSet #downloadsFooter,
- #mainPopupSet #identity-popup-securityView-footer > button,
- #mainPopupSet .search-setting-button,
- #mainPopupSet .addengine-item,
- .click-to-play-plugins-notification-button-container {
- color: var(--default-text-color);
- background-color: var(--second-level-bg-color) !important;
- border-top: 1px solid var(--panel-separator-color) !important;
- outline: none !important;
- }
-
- #mainPopupSet #PanelUI-footer toolbarbutton:not(#PanelUI-quit):hover,
- :-moz-any(#mainPopupSet, #nav-bar, #PersonalToolbar, #TabsToolbar) .subviewbutton.panel-subview-footer:hover,
- #mainPopupSet .downloadsPanelFooterButton:hover,
- #mainPopupSet #identity-popup-securityView-footer > button:hover,
- #mainPopupSet .search-setting-button:hover,
- #mainPopupSet .addengine-item:hover {
- background-color: var(--second-level-alt-bg-hover-color) !important;
- }
-
- #mainPopupSet #PanelUI-footer toolbarbutton:not(#PanelUI-quit):hover:active,
- :-moz-any(#mainPopupSet, #nav-bar, #PersonalToolbar, #TabsToolbar) .subviewbutton.panel-subview-footer:hover:active,
- #mainPopupSet .downloadsPanelFooterButton:hover:active,
- #mainPopupSet #identity-popup-securityView-footer > button:hover:active,
- #mainPopupSet .search-setting-button:hover:active,
- #mainPopupSet .addengine-item:hover:active {
- background-color: var(--second-level-alt-bg-active-color) !important;
- }
-
- #mainPopupSet .downloadsPanelFooterButton {
- outline: none !important;
- }
-
- #mainPopupSet #edit-controls,
- #mainPopupSet #zoom-controls {
- border-bottom: 1px solid var(--panel-separator-color);
- }
-
- #mainPopupSet #edit-controls:hover,
- #mainPopupSet #zoom-controls:hover {
- border: 1px solid var(--panel-separator-color);
- }
-
- #mainPopupSet #PanelUI-footer {
- background-color: var(--second-level-bg-color) !important;
- }
-
- #mainPopupSet #PanelUI-footer-inner,
- #mainPopupSet #PanelUI-footer-fxa:not([hidden]) {
- border-top: 1px solid var(--panel-separator-color);
- }
-
- #mainPopupSet #PanelUI-footer-inner > toolbarseparator,
- #mainPopupSet #PanelUI-footer-fxa > toolbarseparator {
- border-left: 1px solid var(--panel-separator-color);
- }
-
- #PanelUI-fxa-status,
- #PanelUI-fxa-icon,
- #PanelUI-help,
- #PanelUI-customize,
- #PanelUI-quit {
- outline: none !important;
- }
-
- :-moz-any(#mainPopupSet, #nav-bar) separator {
- background: var(--panel-separator-color) !important;
- }
-
- :-moz-any(#mainPopupSet, #nav-bar, #PersonalToolbar, #TabsToolbar) .panel-arrow[side="top"],
- :-moz-any(#mainPopupSet, #nav-bar, #PersonalToolbar, #TabsToolbar) .panel-arrow[side="bottom"] {
- list-style-image: var(--panel-arrow-vertical) !important;
- }
-
- #mainPopupSet #downloadsSummary {
- box-shadow: none !important;
- background-color: var(--second-level-bg-color) !important;
- }
-
- #mainPopupSet #downloadsSummary > .downloadTypeIcon {
- list-style-image: none !important;
- background-image: var(--downloads-button-image) !important;
- background-size: cover;
- }
-
- #mainPopupSet richlistitem.download-state {
- -moz-appearance: none !important;
- background: none !important;
- border-left: none !important;
- border-right: none !important;
- border-top: none !important;
- box-shadow: none !important;
- outline: none !important;
- }
-
- richlistitem[type="download"][state="1"][exists] .downloadMainArea:hover,
- richlistitem[type="download"]:not([verdict]) > .downloadButtonArea:hover,
- richlistitem[type="download"][verdict]:hover {
- background-color: var(--top-level-bg-hover-color);
- }
-
- richlistitem[type="download"][state="1"][exists] > .downloadMainArea:hover:active,
- richlistitem[type="download"]:not([verdict]) > .downloadButtonArea:hover:active,
- richlistitem[type="download"][verdict]:hover:active {
- background-color: var(--top-level-bg-active-color);
- }
-
- #mainPopupSet #downloadsSummaryDescription,
- #mainPopupSet .text-link {
- color: var(--hyperlink-text-color);
- }
-
- #mainPopupSet .identity-popup-expander {
- background-image: var(--arrow-subview-forward-image);
- }
-
- #mainPopupSet .identity-popup-expander[panel-multiview-anchor] {
- background-image: url("chrome://browser/skin/controlcenter/arrow-subview-back.svg");
- }
-
- #mainPopupSet .identity-popup-connection-secure {
- color: var(--verified-identity-font-color);
- }
-
- #mainPopupSet .popup-notification-menubutton {
- border: none !important;
- background-color: transparent !important;
- }
-
- #mainPopupSet .popup-notification-menubutton:not([type="menu-button"]),
- #mainPopupSet .popup-notification-menubutton > .button-menubutton-button,
- #mainPopupSet .popup-notification-menubutton > .button-menubutton-dropmarker,
- #mainPopupSet .popup-notification-button-container button,
- #notification-popup button,
- #tracking-protection-content button,
- #mainPopupSet #editBookmarkPanelBottomButtons button,
- #mainPopupSet #editBMPanel_newFolderButton,
- .click-to-play-plugins-notification-button-container button,
- :-moz-any(#mainPopupSet, #nav-bar) .expander-down,
- :-moz-any(#mainPopupSet, #nav-bar) .expander-up,
- .notification-button,
- .findbar-find-previous,
- .findbar-find-next,
- tabmodalprompt button,
- menupopup button {
- -moz-appearance: none !important;
- box-shadow: none !important;
- border: none !important;
- background-color: var(--button-bg-color) !important;
- color: var(--main-font-color) !important;
- }
-
- #mainPopupSet .popup-notification-menubutton:not([type="menu-button"]):hover,
- #mainPopupSet .popup-notification-menubutton > .button-menubutton-button:hover,
- #mainPopupSet .popup-notification-menubutton > .button-menubutton-dropmarker:hover,
- #mainPopupSet .popup-notification-button-container button:hover,
- #notification-popup button:hover,
- #tracking-protection-content button:hover,
- #mainPopupSet #editBookmarkPanelBottomButtons button:hover,
- #mainPopupSet #editBMPanel_newFolderButton:hover,
- .click-to-play-plugins-notification-button-container button:hover,
- :-moz-any(#mainPopupSet, #nav-bar) .expander-down:hover,
- :-moz-any(#mainPopupSet, #nav-bar) .expander-up:hover,
- .notification-button:not([disabled="true"]):hover,
- .findbar-find-previous:not([disabled="true"]):hover,
- .findbar-find-next:not([disabled="true"]):hover,
- .findbar-highlight:not([disabled="true"]):hover,
- .findbar-case-sensitive:not([disabled="true"]):hover,
- .findbar-entire-word:not([disabled="true"]):hover,
- tabmodalprompt button:hover,
- menupopup button:hover {
- box-shadow: inset 0px 0px 0px 2px var(--button-border-hover-color) !important;
- background-color: var(--button-bg-color) !important;
- }
-
- #mainPopupSet .popup-notification-menubutton:not([type="menu-button"]):hover:active,
- #mainPopupSet .popup-notification-menubutton > .button-menubutton-button:hover:active,
- #mainPopupSet .popup-notification-menubutton > .button-menubutton-dropmarker:hover:active,
- #mainPopupSet .popup-notification-menubutton[open="true"] > .button-menubutton-dropmarker,
- #mainPopupSet .popup-notification-button-container button:hover:active,
- #notification-popup button:hover:active,
- #tracking-protection-content button:hover:active,
- #mainPopupSet #editBookmarkPanelBottomButtons button:hover:active,
- #mainPopupSet #editBMPanel_newFolderButton:hover:active,
- .click-to-play-plugins-notification-button-container button:hover:active,
- :-moz-any(#mainPopupSet, #nav-bar) .expander-down:hover:active,
- :-moz-any(#mainPopupSet, #nav-bar) .expander-up:hover:active,
- .notification-button:hover:active,
- .findbar-find-previous:not([disabled="true"]):hover:active,
- .findbar-find-next:not([disabled="true"]):hover:active,
- .findbar-highlight:not([disabled="true"])[checked="true"],
- .findbar-case-sensitive:not([disabled="true"])[checked="true"],
- .findbar-entire-word:not([disabled="true"])[checked="true"],
- .findbar-highlight:not([disabled="true"]):hover:active,
- .findbar-case-sensitive:not([disabled="true"]):hover:active,
- .findbar-entire-word:not([disabled="true"]):hover:active,
- tabmodalprompt button:hover:active,
- menupopup button:hover:active {
- box-shadow: none !important;
- background-color: var(--button-bg-active-color) !important;
- }
-
- #mainPopupSet .popup-notification-menubutton > .button-menubutton-dropmarker {
- list-style-image: var(--default-dropdown-image) !important;
- border-left: 1px solid var(--top-level-bg-color) !important;
- }
-
- #mainPopupSet button:not(toolbarbutton) {
- color: var(--main-font-color) !important;
- }
-
- #mainPopupSet .close-icon,
- notification .close-icon,
- .findbar-closebutton,
- #TabsToolbar[brighttext] .tab-close-button:not([selected="true"]) {
- -moz-appearance: none !important;
- list-style-image: var(--tab-close-button-image);
- -moz-image-region: rect(0, 20px, 20px, 0px);
- background-image: none !important;
- height: 20px;
- width: 20px;
- }
-
- #mainPopupSet .close-icon:hover,
- notification .close-icon:hover,
- .findbar-closebutton:hover,
- #TabsToolbar[brighttext] .tab-close-button:hover {
- -moz-image-region: rect(0, 40px, 20px, 20px);
- }
-
- #mainPopupSet .close-icon:hover:active,
- notification .close-icon:hover:active,
- .findbar-closebutton:hover:active,
- #TabsToolbar[brighttext] .tab-close-button:hover:active {
- -moz-image-region: rect(0, 60px, 20px, 40px);
- }
-
- #mainPopupSet .messageCloseButton {
- -moz-appearance: none !important;
- padding: 0 !important;
- border: none !important;
- }
-
- #mainPopupSet textbox {
- -moz-appearance: none !important;
- color: var(--main-font-color) !important;
- background-color: var(--searchbar-bg-color);
- border: 1px solid var(--tab-separator-color) !important;
- border-radius: 0 !important;
- box-shadow: none !important;
- }
-
- #mainPopupSet textbox:hover {
- background-color: var(--searchbar-bg-hover-color);
- }
-
- #mainPopupSet textbox[focused] {
- background-color: var(--searchbar-bg-active-color);
- }
-
- :-moz-any(#mainPopupSet, #nav-bar) menulist {
- -moz-appearance: none !important;
- background-color: transparent !important;
- border: 1px solid var(--tab-separator-color) !important;
- color: var(--main-font-color) !important;
- height: 24px;
- }
-
- :-moz-any(#mainPopupSet, #nav-bar) .menulist-dropmarker {
- -moz-appearance: none !important;
- list-style-image: var(--menulist-dropdown-image) !important;
- background-color: transparent !important;
- border: none !important;
- padding: 0 !important;
- margin-right: 6px !important;
- }
-
- :-moz-any(#mainPopupSet, #nav-bar) panel:not(#PopupAutoComplete) tree,
- :-moz-any(#mainPopupSet, #nav-bar) panel:not(#PopupAutoComplete) listbox {
- -moz-appearance: none!important;
- background: var(--second-level-bg-color) !important;
- box-shadow: none !important;
- border: 1px solid var(--urlbar-separator-color) !important;
- }
-
- :-moz-any(#mainPopupSet, #nav-bar) panel:not(#PopupAutoComplete) tree,
- :-moz-any(#mainPopupSet, #nav-bar) panel:not(#PopupAutoComplete) treechildren,
- :-moz-any(#mainPopupSet, #nav-bar) panel:not(#PopupAutoComplete) treecol,
- :-moz-any(#mainPopupSet, #nav-bar) panel:not(#PopupAutoComplete) treecolpicker,
- :-moz-any(#mainPopupSet, #nav-bar) panel:not(#PopupAutoComplete) treechildren::-moz-tree-cell-text,
- :-moz-any(#mainPopupSet, #nav-bar) panel:not(#PopupAutoComplete) listitem {
- color: var(--main-font-color) !important;
- }
-
- :-moz-any(#mainPopupSet, #nav-bar) panel:not(#PopupAutoComplete) treechildren::-moz-tree-row(hover),
- :-moz-any(#mainPopupSet, #nav-bar) panel:not(#PopupAutoComplete) listitem:hover {
- border: none !important;
- background: var(--second-level-alt-bg-hover-color) !important;
- }
-
- :-moz-any(#mainPopupSet, #nav-bar) panel:not(#PopupAutoComplete) treechildren::-moz-tree-row(selected),
- :-moz-any(#mainPopupSet, #nav-bar) panel:not(#PopupAutoComplete) listitem[selected="true"] {
- border: none !important;
- background: var(--second-level-alt-bg-active-color) !important;
- }
-
- :-moz-any(#mainPopupSet, #nav-bar) #editBookmarkPanelStarIcon {
- list-style-image: var(--bookmarks-menu-button-image) !important;
- -moz-image-region: rect(0, 60px, 20px, 40px);
- }
-
- :-moz-any(#mainPopupSet, #nav-bar) #editBookmarkPanelStarIcon[unstarred] {
- -moz-image-region: rect(0, 20px, 20px, 0);
- }
-
- :-moz-any(#mainPopupSet, #nav-bar) .expander-down {
- list-style-image: var(--menulist-dropdown-image);
- width: 24px;
- height: 24px;
- }
-
- :-moz-any(#mainPopupSet, #nav-bar) .expander-up {
- list-style-image: var(--menulist-dropdown-image);
- -moz-transform: scaleY(-1);
- width: 24px;
- height: 24px;
- }
-
- #mainPopupSet #PopupSearchAutoComplete {
- border: 1px solid var(--urlbar-separator-color) !important;
- border-top: none !important;
- }
-
- #mainPopupSet .search-panel-header:not(.search-setting-button) {
- background-color: var(--top-level-bg-color) !important;
- color: var(--gray-text-color);
- border: none !important;
- }
-
- #mainPopupSet #PopupSearchAutoComplete tree {
- border: none !important;
- border-top: 1px solid var(--panel-separator-color) !important;
- border-bottom: 1px solid var(--panel-separator-color) !important;
- }
-
- #mainPopupSet .search-panel-input-value {
- color: var(--main-font-color) !important;
- }
-
- #mainPopupSet .search-panel-one-offs {
- background-color: var(--top-level-bg-color) !important;
- border-top: 1px solid var(--panel-separator-color) !important;
- }
-
- #mainPopupSet .searchbar-engine-one-off-item {
- background-image: none !important;
- border-right: 1px solid var(--panel-separator-color);
- border-left: none;
- }
-
- #mainPopupSet .searchbar-engine-one-off-item:-moz-locale-dir(rtl) {
- border-right: none;
- border-left: 1px solid var(--panel-separator-color);
- }
-
- #mainPopupSet .searchbar-engine-one-off-item.last-of-row,
- #mainPopupSet .searchbar-engine-one-off-item[selected] {
- border-right: none;
- border-left: none;
- }
-
- #mainPopupSet .searchbar-engine-one-off-item:not(.last-row) {
- border-bottom: 1px solid var(--panel-separator-color);
- }
-
- .cui-widget-panelview .subviewbutton:not(.panel-subview-footer) {
- margin-left: 0;
- margin-right: 0;
- }
-
- .cui-widget-panel > .panel-arrowcontainer > .panel-arrowcontent {
- padding: 8px 0;
- }
-
- #BMB_bookmarksPopup menupopup[placespopup="true"] > hbox > .popup-internal-box > .arrowscrollbox-scrollbox > .scrollbox-innerbox {
- padding-top: 8px;
- }
-
- #BMB_bookmarksPopup menupopup[placespopup="true"][singleitempopup="true"] > hbox > .popup-internal-box > .arrowscrollbox-scrollbox > .scrollbox-innerbox,
- #BMB_bookmarksToolbarPopup > hbox > .popup-internal-box > .arrowscrollbox-scrollbox > .scrollbox-innerbox,
- #BMB_unsortedBookmarksPopup > hbox > .popup-internal-box > .arrowscrollbox-scrollbox > .scrollbox-innerbox {
- padding-bottom: 8px;
- }
-
- notification {
- color: var(--main-font-color) !important;
- background-color: var(--top-level-bg-color);
- border-top: none !important;
- border-bottom: 1px solid var(--navigator-separator-bg-color) !important;
- height: 32px !important;
- }
-
- notification.pluginVulnerable {
- color: white !important;
- }
-
- .messageCloseButton {
- -moz-appearance: none !important;
- padding: 0 !important;
- margin-bottom: 1px !important;
- }
-
- /* Tooltip commented out due to it not being applied to some tooltips
- and causing too big of an inconsistency.
- A bug in Firefox or Stylish could be the cause.
- Preserved as a coment for future testing.*/
- /*tooltip {
- -moz-appearance: none !important;
- border: 1px solid var(--context-menu-border-color) !important;
- background-color: var(--context-menu-bg-color) !important;
- color: var(--main-font-color) !important;
- padding: 6px 8px !important;
- }*/
-
- .browserContainer > findbar {
- box-shadow: none !important;
- background-image: none !important;
- background-color: var(--top-level-bg-color) !important;
- border-top: 1px solid var(--navigator-separator-bg-color) !important;
- transition: none !important;
- }
-
- .findbar-container {
- background-color: var(--top-level-bg-color) !important;
- }
-
- .findbar-closebutton:hover:active {
- margin-bottom: 1px !important;
- }
-
- .findbar-textbox {
- -moz-appearance: none !important;
- border: 1px solid ThreeDShadow;
- border-radius: 2px 0 0 2px;
- margin: 0;
- padding: 1px 5px;
- width: 14em;
- }
-
- .findbar-textbox {
- -moz-appearance: none !important;
- color: var(--main-font-color) !important;
- background-color: var(--searchbar-bg-color);
- border: 1px solid var(--tab-separator-color) !important;
- border-radius: 0 !important;
- box-shadow: none !important;
- }
-
- .findbar-textbox.minimal {
- border-radius: 0 !important;
- }
-
- .findbar-textbox:not([status="notfound"]):not([flash="true"]):hover {
- background-color: var(--searchbar-bg-hover-color);
- }
-
- .findbar-textbox:not([status="notfound"]):not([flash="true"])[focused] {
- background-color: var(--searchbar-bg-active-color);
- }
-
- .findbar-textbox[status="notfound"] {
- background-color: var(--findbar-notfound-bg-color);
- color: white;
- }
-
- .findbar-textbox[flash="true"] {
- background-color: var(--findbar-flash-bg-color);
- color: black;
- }
-
- .findbar-find-previous,
- .findbar-find-next {
- border-radius: 0 !important;
- background-image: none !important;
- width: 24px;
- height: 24px;
- }
-
- .findbar-find-previous {
- list-style-image: var(--menulist-dropdown-image);
- -moz-transform: scaleY(-1);
- }
-
- .findbar-find-next {
- list-style-image: var(--menulist-dropdown-image);
- margin-left: 1px !important;
- }
-
- .findbar-button > .toolbarbutton-text {
- box-shadow: none !important;
- background-color: transparent !important;
- border: none !important;
- color: var(--main-font-color) !important;
- }
-
- .findbar-find-status,
- .found-matches {
- color: var(--gray-text-color);
- }
-
- /* Status panel has been commented out because it contrasts too much
- with most of websites (on the dark version).
- A user that uses dark version and mainly browses dark-themed websites might want to remove the comment.*/
- /*.statuspanel-label {
- background: var(--context-menu-bg-color);
- border: 1px none var(--context-menu-border-color);
- color: var(--main-font-color);
- }*/
-
- #widget-overflow-scroller {
- margin-top: 8px !important;
- margin-bottom: 8px !important;
- }
-
- #widget-overflow-list {
- padding-left: 0 !important;
- padding-right: 0 !important;
- }
-
- .widget-overflow-list > .toolbarbutton-1:not(:first-child),
- .widget-overflow-list > toolbaritem:not(:first-child) {
- margin-top: 0 !important;
- }
-
- #nav-bar-overflow-button {
- list-style-image: var(--tab-scroll-up-down-button-image) !important;
- -moz-image-region: auto !important;
- transform: scaleX(-1);
- }
-
- #nav-bar-overflow-button > .toolbarbutton-icon {
- width: 15px !important;
- height: 17px !important;
- padding: 0 !important;
- margin: 1px 1px 0 0 !important;
- }
-
- /* AUTOREPEATER BUTTONS */
- .autorepeatbutton-up,
- .autorepeatbutton-up[disabled="true"],
- .autorepeatbutton-down,
- .autorepeatbutton-down[disabled="true"] {
- list-style-image: var(--menulist-dropdown-image);
- border: none !important;
- }
-
- .autorepeatbutton-up {
- transform: scaleY(-1);
- }
-
- .autorepeatbutton-up[disabled="true"],
- .autorepeatbutton-down[disabled="true"] {
- opacity: 0.6;
- }
-
- autorepeatbutton {
- border: none !important;
- padding: 4px;
- }
-
- .autorepeatbutton-up > .autorepeatbutton-icon,
- .autorepeatbutton-down > .autorepeatbutton-icon {
- -moz-appearance: none !important;
- }
-
- /* WINDOW'S ALERT BOX */
- tabmodalprompt {
- background-color: rgba(0, 0, 0, .6);
- font-family: sans-serif; /* use content font not system UI font */
- }
-
- .mainContainer {
- color: var(--main-font-color);
- background-color: var(--top-level-bg-color);
- border-radius: 0;
- border: 1px solid var(--blue-accent-color);
- }
-
- .topContainer {
- padding: 40px 25px;
- }
-
- .buttonContainer {
- padding: 12px 20px 15px;
- background-color: transparent;
- border-top: none;
- }
-
- tabmodalprompt .buttonContainer button {
- min-width: 200px;
- min-height: 32px;
- font-size: 14px;
- }
-
- tabmodalprompt .info\.title {
- font-size: 19px;
- font-weight: normal;
- }
-
- tabmodalprompt .info\.body {
- font-size: 15px;
- font-weight: normal;
- }
-
- /* CONTEXT MENUS */
- #bookmarksMenuPopup,
- #goPopup,
- menupopup:not(#BMB_bookmarksPopup),
- splitmenu,
- #PlacesToolbar menupopup {
- -moz-appearance: none !important;
- background-color: var(--context-menu-bg-color) !important;
- border: 1px solid var(--context-menu-border-color) !important;
- padding-top: 8px !important;
- padding-bottom: 8px !important;
- }
-
- #BMB_bookmarksPopup menupopup {
- background-color: transparent !important;
- border: none !important;
- padding: 6px !important;
- }
-
- menuseparator {
- -moz-appearance: none !important;
- border: none !important;
- border-top: 1px solid var(--context-menu-separator-color) !important;
- margin: 4px 12px 4px 12px !important;
- padding: 0 !important;
- }
-
- menu,
- menuitem,
- menucaption,
- .splitmenu-menuitem,
- toolbarbutton.subviewbutton {
- -moz-appearance: none !important;
- color: var(--main-font-color) !important;
- height: 32px !important;
- }
-
- menu:not(.subviewbutton),
- menuitem:not(.subviewbutton),
- menucaption:not(.subviewbutton),
- .splitmenu-menuitem:not(.subviewbutton) {
- background-color: var(--context-menu-bg-color) !important;
- }
-
- menu:not(.subviewbutton):not([disabled="true"]):hover,
- menuitem:not(.subviewbutton):not([disabled="true"]):hover,
- menucaption:not(.subviewbutton):not([disabled="true"]):hover,
- .splitmenu-menuitem:not(.subviewbutton):not([disabled="true"]):hover {
- background-color: var(--context-menu-bg-hover-color) !important;
- }
-
- menu:not(.subviewbutton):not([disabled="true"]):active,
- menuitem:not(.subviewbutton):not([disabled="true"]):active,
- menucaption:not(.subviewbutton):not([disabled="true"]):active,
- .splitmenu-menuitem:not(.subviewbutton):not([disabled="true"]):active {
- background-color: var(--context-menu-bg-active-color) !important;
- }
-
- menu:not(.subviewbutton)[disabled="true"]:hover,
- menuitem:not(.subviewbutton)[disabled="true"]:hover,
- menucaption:not(.subviewbutton)[disabled="true"]:hover,
- .splitmenu-menuitem:not(.subviewbutton)[disabled="true"]:hover {
- background-color: var(--second-level-alt-bg-hover-color) !important;
- }
-
- menu[disabled="true"],
- menuitem[disabled="true"],
- .splitmenu-menuitem[disabled="true"],
- menu[_moz-menuactive][disabled="true"],
- menuitem[_moz-menuactive][disabled="true"],
- .splitmenu-menuitem[_moz-menuactive][disabled="true"] {
- color: var(--gray-text-color) !important;
- text-shadow: none !important;
- }
-
- #menu_firebug_firebugInspect:hover {
- filter: none !important;
- }
-
- #menu_firebug_firebugInspect:active {
- filter: none !important;
- }
-
- .menu-right {
- -moz-appearance: none !important;
- list-style-image: var(--menu-arrow-image) !important;
- width: inherit !important;
- height: inherit !important;
- }
-
- menu:not(.subviewbutton) > .menu-right {
- margin-right: 6px !important;
- }
-
- #context-navigation .menu-iconic-left {
- list-style-image: none !important;
- background-repeat: no-repeat !important;
- background-position: center !important;
- }
-
- #context-back .menu-iconic-left {
- background-image: var(--back-button-image) !important;
- }
-
- #context-back[disabled=true] .menu-iconic-left {
- opacity: 0.6;
- }
-
- #context-forward .menu-iconic-left {
- background-image: var(--forward-button-image) !important;
- }
-
- #context-forward[disabled=true] .menu-iconic-left {
- opacity: 0.6;
- }
-
- #context-reload .menu-iconic-left {
- background-image: var(--reload-button-image) !important;
- }
-
- #context-reload[disabled=true] .menu-iconic-left {
- opacity: 0.6;
- }
-
- #context-stop .menu-iconic-left {
- background-image: var(--stop-button-image) !important;
- }
-
- #context-stop[disabled=true] .menu-iconic-left {
- opacity: 0.6;
- }
-
- #context-bookmarkpage .menu-iconic-left {
- background-image: -moz-image-rect(var(--bookmarks-menu-button-image), 0, 20, 20, 0) !important;
- }
-
- #context-bookmarkpage[disabled=true] .menu-iconic-left {
- opacity: 0.6;
- }
-
- #context-bookmarkpage[starred=true] .menu-iconic-left {
- background-image: -moz-image-rect(var(--bookmarks-menu-button-image), 0, 60, 20, 40) !important;
- }
-
- #context-bookmarkpage[starred=true][disabled=true] .menu-iconic-left {
- opacity: 0.6;
- }
-
- #context-navigation {
- padding: 0 !important;
- }
-
- menuitem[type="checkbox"]:not(.subviewbutton) {
- padding-left: 6px !important;
- }
-
- menuitem[checked="true"]:not(.subviewbutton):not([type="radio"]):not(.findbar-button) > .menu-iconic-left {
- background: var(--contextmenu-checkmark) no-repeat center;
- }
-
- menuitem:not(.subviewbutton):not([type="radio"]):not(.menuitem-iconic):not(.findbar-button) > .menu-iconic-left {
- margin-right: 7px !important;
- }
-
- menuitem:not(.subviewbutton):not([type="radio"]):not([type="checkbox"]):not(.menuitem-iconic):not(.findbar-button) > .menu-iconic-left {
- margin-left: 6px !important;
- }
-
- menuitem.subviewbutton:not([type="radio"]):not(.findbar-button)[checked="true"] {
- background-image: var(--contextmenu-checkmark);
- background-position: left;
- background-repeat: no-repeat;
- background-position-x: 7px !important;
- background-size: auto auto;
- }
-
- toolbarbutton[checked="true"]:not([type="radio"]):not(.findbar-button):not([disabled="true"]) {
- -moz-appearance: none !important;
- background: var(--contextmenu-checkmark) no-repeat left;
- background-position-x: 7px !important;
- }
-
- menuitem[type="radio"] {
- background-position-x: 5px !important;
- padding-left: 13px !important;
- }
-
- menuitem[type="radio"][checked="true"] {
- background: var(--contextmenu-radio) no-repeat left;
- }
-
- menuitem[type="checkbox"] > .menu-iconic-left,
- menuitem[checked="true"] > .menu-iconic-left,
- menuitem[type="radio"] > .menu-iconic-left {
- -moz-appearance: none !important;
- width: 16px;
- height: 16px;
- }
-
- .unified-nav-back[_moz-menuactive] > .menu-iconic-left {
- list-style-image: var(--contextmenu-backarrow) !important;
- }
-
- .unified-nav-forward[_moz-menuactive] > .menu-iconic-left {
- list-style-image: var(--contextmenu-forwardarrow) !important;
- }
-
- @media not all and (min-resolution: 1.1dppx) {
- #mainPopupSet toolbaritem[sdkstylewidget="true"] > toolbarbutton,
- #mainPopupSet :-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button:not([attention="success"]), #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #webide-button, #containers-panelmenu)[cui-areatype="menu-panel"],
- #mainPopupSet toolbarpaletteitem[place="palette"] > :-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #webide-button, #containers-panelmenu) {
- list-style-image: var(--menupanel-images);
- }
-
- #mainPopupSet #PanelUI-help[panel-multiview-anchor="true"]::after,
- :-moz-any(#mainPopupSet, #nav-bar) toolbarbutton[panel-multiview-anchor="true"],
- :-moz-any(#mainPopupSet, #nav-bar) toolbarbutton[panel-multiview-anchor="true"] > .toolbarbutton-menubutton-button {
- background-color: var(--blue-accent-color) !important;
- background-image: url(chrome://browser/skin/customizableui/subView-arrow-back-inverted.png) !important;
- background-position: right 10px center, 0;
- background-repeat: no-repeat;
- }
-
- #mainPopupSet #edit-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > toolbarbutton,
- #mainPopupSet #zoom-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > toolbarbutton,
- #mainPopupSet toolbarpaletteitem[place="palette"] > #edit-controls > toolbarbutton,
- #mainPopupSet toolbarpaletteitem[place="palette"] > #zoom-controls > toolbarbutton {
- list-style-image: var(--menupanel-small-images);
- }
-
- #mainPopupSet #pocket-button[cui-areatype="menu-panel"],
- #mainPopupSet toolbarpaletteitem[place="palette"] > #pocket-button {
- list-style-image: var(--pocket-menupanel-image) !important;
- }
-
- #mainPopupSet #PanelUI-fxa-label,
- #mainPopupSet #PanelUI-fxa-icon {
- list-style-image: var(--panelui-fxa-icon);
- }
-
- #mainPopupSet #PanelUI-customize {
- list-style-image: var(--panelui-customize-icon);
- }
-
- #mainPopupSet #PanelUI-help {
- list-style-image: var(--panelui-help-icon);
- }
-
- #mainPopupSet #PanelUI-quit {
- list-style-image: var(--panelui-quit-icon);
- }
-
- .find-status-icon[status="pending"] {
- list-style-image: var(--tab-throbber-animation-image);
- }
- }
-
- @media (min-resolution: 1.1dppx) {
- #mainPopupSet toolbaritem[sdkstylewidget="true"] > toolbarbutton,
- #mainPopupSet :-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button:not([attention="success"]), #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #webide-button, #containers-panelmenu)[cui-areatype="menu-panel"],
- #mainPopupSet toolbarpaletteitem[place="palette"] > :-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #webide-button, #containers-panelmenu) {
- list-style-image: var(--menupanel-images);
- }
-
- #mainPopupSet #PanelUI-help[panel-multiview-anchor="true"]::after,
- :-moz-any(#mainPopupSet, #nav-bar) toolbarbutton[panel-multiview-anchor="true"],
- :-moz-any(#mainPopupSet, #nav-bar) toolbarbutton[panel-multiview-anchor="true"] > .toolbarbutton-menubutton-button {
- background-color: var(--blue-accent-color) !important;
- background-image: url(chrome://browser/skin/customizableui/subView-arrow-back-inverted@2x.png) !important;
- background-position: right 10px center, 0;
- background-repeat: no-repeat;
- }
-
- #mainPopupSet #edit-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > toolbarbutton,
- #mainPopupSet #zoom-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > toolbarbutton,
- #mainPopupSet toolbarpaletteitem[place="palette"] > #edit-controls > toolbarbutton,
- #mainPopupSet toolbarpaletteitem[place="palette"] > #zoom-controls > toolbarbutton {
- list-style-image: var(--menupanel-small-images);
- }
-
- #mainPopupSet #pocket-button[cui-areatype="menu-panel"],
- #mainPopupSet toolbarpaletteitem[place="palette"] > #pocket-button {
- list-style-image: var(--pocket-menupanel-image-2x) !important;
- }
-
- #mainPopupSet #PanelUI-fxa-label,
- #mainPopupSet #PanelUI-fxa-icon {
- list-style-image: var(--panelui-fxa-icon-2x);
- }
-
- #mainPopupSet #PanelUI-customize {
- list-style-image: var(--panelui-customize-icon-2x);
- }
-
- #mainPopupSet #PanelUI-help {
- list-style-image: var(--panelui-help-icon-2x);
- }
-
- #mainPopupSet #PanelUI-quit {
- list-style-image: var(--panelui-quit-icon-2x);
- }
-
- .find-status-icon[status="pending"] {
- list-style-image: var(--tab-throbber-animation-image2x);
- }
- }
-
- :root {
- /* COLOR VARIABLES */
- --titlebar-min-max-hover-bg-color: #B3B3B3;
- --titlebar-min-max-active-bg-color: #9F9F9F;
- --titlebar-close-hover-bg-color: #E81123;
- --titlebar-close-active-bg-color: #F06F79;
- --top-level-bg-color: #F2F2F2;
- --top-level-bg-hover-color: #DADADA;
- --top-level-bg-active-color: #C2C2C2;
- --second-level-bg-color: #CCCCCC;
- --second-level-bg-hover-color: #E6E6E6;
- --second-level-bg-active-color: #F9F9F9;
- --second-level-alt-bg-hover-color: #B3B3B3;
- --second-level-alt-bg-active-color: #9F9F9F;
- --tab-scroll-up-down-bg-color: #E6E6E6;
- --tab-scroll-up-down-bg-hover-color: #F2F2F2;
- --tab-scroll-up-down-bg-active-color: #FFFFFF;
- --tab-scroll-up-down-bg-disabled-color: #F2F2F2;
- --tab-button-bg-active-color: #A3A3A3;
- --new-tab-hover-bg-color: #B8B8B8;
- --alltabs-bg-hover-color: #B8B8B8;
- --alltabs-bg-active-color: #A3A3A3;
- --searchbar-bg-color: #E6E6E6;
- --searchbar-bg-hover-color: #D9D9D9;
- --searchbar-bg-active-color: #CCCCCC;
- --tab-separator-color: #7A7A7A;
- --urlbar-separator-color: #919191;
- --navigator-separator-bg-color: #CCCCCC;
- --downloads-indicator-remainder-color: #C2C2C2;
- --downloads-indicator-bg-color: #0078D7;
- --downloads-indicator-paused-bg-color: #FFC40D;
- --main-font-color: #000000;
- --inactive-font-color: #525252;
- --verified-identity-font-color: #107C10;
- --toolbarbutton-badge-bg-color: rgba(100, 100, 100, 0.7);
- --toolbarbutton-badge-border-color: rgba(55, 55, 55, 0.6);
- --panel-separator-color: rgba(145,145,145,0.5);
- --blue-accent-color: #0078D7;
- --gray-text-color: GrayText;
- --hyperlink-text-color: -moz-nativehyperlinktext;
- --button-bg-color: #C2C2C2;
- --button-border-hover-color: #747474;
- --button-bg-active-color: #919191;
- --context-menu-bg-color: #F2F2F2;
- --context-menu-bg-hover-color: #DADADA;
- --context-menu-bg-active-color: #C2C2C2;
- --context-menu-border-color: #CCCCCC;
- --context-menu-separator-color: #919191;
- --findbar-notfound-bg-color: #F66;
- --findbar-flash-bg-color: yellow;
-
- /* NUMERICAL VARIABLES */
- --image-inversion-percentage: 0%;
- --image-brightness: 1.0;
- --chrome-icon-filter: none;
-
- /* IMAGE VARIABLES */
- --titlebar-min-image: url("chrome://browser/skin/caption-buttons.svg#minimize");
- --titlebar-max-image: url("chrome://browser/skin/caption-buttons.svg#maximize");
- --titlebar-restore-image: url("chrome://browser/skin/caption-buttons.svg#restore");
- --titlebar-close-image: url("chrome://browser/skin/caption-buttons.svg#close");
- --new-tab-button-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgZmlsbD0iIzI5MjkyOSI+ICA8cmVjdCB4PSI2IiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxMyIvPiAgPHJlY3QgeD0iMCIgeT0iNiIgd2lkdGg9IjEzIiBoZWlnaHQ9IjEiLz48L3N2Zz4=);
- --tab-close-button-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2MCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDYwIDIwIj48ZGVmcz48c3R5bGU+LmNscy0yLC5jbHMtMywuY2xzLTR7ZmlsbDpub25lO3N0cm9rZS1taXRlcmxpbWl0OjEwO30uY2xzLTJ7c3Ryb2tlOiM0YjRiNGI7fS5jbHMtM3tzdHJva2U6I2ZlMWMxYzt9LmNscy00e3N0cm9rZTojYjIxZDFkO308L3N0eWxlPjwvZGVmcz48ZyBpZD0ibGlnaHQtaWRsZSIgc3R5bGU9InRyYW5zZm9ybTp0cmFuc2xhdGUoMHB4KSI+PGxpbmUgY2xhc3M9ImNscy0yIiB4MT0iNSIgeTE9IjUiIHgyPSIxNSIgeTI9IjE1Ii8+PGxpbmUgY2xhc3M9ImNscy0yIiB4MT0iMTUiIHkxPSI1IiB4Mj0iNSIgeTI9IjE1Ii8+PC9nPjxnIGlkPSJsaWdodC1ob3ZlciIgc3R5bGU9InRyYW5zZm9ybTp0cmFuc2xhdGUoMjBweCkiPjxsaW5lIGNsYXNzPSJjbHMtMyIgeDE9IjUiIHkxPSI1IiB4Mj0iMTUiIHkyPSIxNSIvPjxsaW5lIGNsYXNzPSJjbHMtMyIgeDE9IjE1IiB5MT0iNSIgeDI9IjUiIHkyPSIxNSIvPjwvZz48ZyBpZD0ibGlnaHQtYWN0aXZlIiBzdHlsZT0idHJhbnNmb3JtOnRyYW5zbGF0ZSg0MHB4KSI+PGxpbmUgY2xhc3M9ImNscy00IiB4MT0iNSIgeTE9IjUiIHgyPSIxNSIgeTI9IjE1Ii8+PGxpbmUgY2xhc3M9ImNscy00IiB4MT0iMTUiIHkxPSI1IiB4Mj0iNSIgeTI9IjE1Ii8+PC9nPjwvc3ZnPg==);
- --tab-scroll-up-down-button-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNSIgaGVpZ2h0PSIxNyIgdmlld0JveD0iMCAwIDE1IDE3Ij48ZGVmcz48c3R5bGU+LmNscy0ye2ZpbGw6bm9uZTtzdHJva2U6IzAwMDtzdHJva2UtbWl0ZXJsaW1pdDoxMDtzdHJva2Utd2lkdGg6MC45cHg7fTwvc3R5bGU+PC9kZWZzPjxnIGlkPSJsaWdodCI+PHBvbHlsaW5lIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIxMSAxNC41IDQuNSA4IDExIDEuNSIvPjwvZz48L3N2Zz4=);
- --default-dropdown-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5IiBoZWlnaHQ9IjciIHZpZXdCb3g9IjAgMCA5IDciPjxkZWZzPjxzdHlsZT4uY2xzLTJ7ZmlsbDpub25lO3N0cm9rZTojMDAwO3N0cm9rZS1taXRlcmxpbWl0OjEwO308L3N0eWxlPjwvZGVmcz48ZyBpZD0ibGlnaHQiPjxwb2x5bGluZSBjbGFzcz0iY2xzLTIiIHBvaW50cz0iOCAxIDQuNSA0LjUgMSAxIi8+PC9nPjwvc3ZnPg==);
- --tab-icon-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2Ij48ZGVmcz48c3R5bGU+LmNscy0ye2ZpbGw6bm9uZTtzdHJva2U6IzAwMDtzdHJva2UtbWl0ZXJsaW1pdDoxMDt9PC9zdHlsZT48L2RlZnM+PGcgaWQ9IkxpZ2h0Ij48cmVjdCBjbGFzcz0iY2xzLTIiIHg9IjAuNSIgeT0iMS41IiB3aWR0aD0iMTUiIGhlaWdodD0iMTIiLz48bGluZSBjbGFzcz0iY2xzLTIiIHgxPSIwLjUiIHkxPSI0LjUiIHgyPSIxNS41IiB5Mj0iNC41Ii8+PC9nPjwvc3ZnPg==);
- --tab-icon-sound-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDMyIDE2Ij48ZGVmcz48c3R5bGU+LmNscy0ye2ZpbGw6bm9uZTtzdHJva2U6IzAwMDtzdHJva2UtbWl0ZXJsaW1pdDoxMDt9PC9zdHlsZT48L2RlZnM+PGcgaWQ9ImxpZ2h0IiBzdHlsZT0idHJhbnNmb3JtOnRyYW5zbGF0ZSgwcHgpIj48cG9seWxpbmUgY2xhc3M9ImNscy0yIiBwb2ludHM9IjAgNS41IDIuNSA1LjUgNS41IDIuNSA1LjUgMTMuNSAyLjUgMTAuNSAwLjUgMTAuNSAwLjUgNS41Ii8+PHBhdGggY2xhc3M9ImNscy0yIiBkPSJNMTAuNSwzLjVzNSw0LjUsMCw5LjUiLz48cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik0xMi41LDEuNXM3LDYuNSwwLDEzLjUiLz48cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik04LjUsNS41YTMuNTQsMy41NCwwLDAsMSwwLDUuNSIvPjwvZz48ZyBpZD0ibGlnaHQyIiBzdHlsZT0idHJhbnNmb3JtOnRyYW5zbGF0ZSgwcHgpIj48cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik0xMC41LDMuNXM1LDQuNSwwLDkuNSIvPjxwYXRoIGNsYXNzPSJjbHMtMiIgZD0iTTEyLjUsMS41czcsNi41LDAsMTMuNSIvPjxwYXRoIGNsYXNzPSJjbHMtMiIgZD0iTTguNSw1LjVhMy41NCwzLjU0LDAsMCwxLDAsNS41Ii8+PC9nPjxnIGlkPSJsaWdodC1pbmFjdGl2ZSIgc3R5bGU9InRyYW5zZm9ybTp0cmFuc2xhdGUoMTZweCkiPjxwb2x5bGluZSBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMCA1LjUgMi41IDUuNSA1LjUgMi41IDUuNSAxMy41IDIuNSAxMC41IDAuNSAxMC41IDAuNSA1LjUiLz48bGluZSBjbGFzcz0iY2xzLTIiIHgxPSI4IiB5MT0iNSIgeDI9IjE0IiB5Mj0iMTEiLz48bGluZSBjbGFzcz0iY2xzLTIiIHgxPSI4IiB5MT0iMTEiIHgyPSIxNCIgeTI9IjUiLz48L2c+PC9zdmc+);
- --tab-throbber-animation-image: url(data:image/png;base64,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
- --tab-throbber-animation-image2x: url(data:image/png;base64,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
- --back-button-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNiIgaGVpZ2h0PSIzNiIgdmlld0JveD0iMCAwIDM2IDM2Ij48ZGVmcz48c3R5bGU+LmNscy0ye2ZpbGw6bm9uZTtzdHJva2U6IzAwMDtzdHJva2UtbWl0ZXJsaW1pdDoxMDt9PC9zdHlsZT48L2RlZnM+PGcgaWQ9ImxpZ2h0Ij48cG9seWxpbmUgY2xhc3M9ImNscy0yIiBwb2ludHM9IjE4LjI1IDI3IDkuNzUgMTguNSAxOC4yNSAxMCIvPjxsaW5lIGNsYXNzPSJjbHMtMiIgeDE9IjI4IiB5MT0iMTguNSIgeDI9IjkuNSIgeTI9IjE4LjUiLz48L2c+PC9zdmc+);
- --forward-button-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNiIgaGVpZ2h0PSIzNiIgdmlld0JveD0iMCAwIDM2IDM2Ij48ZGVmcz48c3R5bGU+LmNscy0ye2ZpbGw6bm9uZTtzdHJva2U6IzAwMDtzdHJva2UtbWl0ZXJsaW1pdDoxMDt9PC9zdHlsZT48L2RlZnM+PGcgaWQ9ImxpZ2h0Ij48cG9seWxpbmUgY2xhc3M9ImNscy0yIiBwb2ludHM9IjE4Ljc1IDI3IDI3LjI1IDE4LjUgMTguNzUgMTAiLz48bGluZSBjbGFzcz0iY2xzLTIiIHgxPSI5IiB5MT0iMTguNSIgeDI9IjI3LjUiIHkyPSIxOC41Ii8+PC9nPjwvc3ZnPg==);
- --reload-button-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDE4IDE4Ij48ZGVmcz48c3R5bGU+LmNscy0ye29wYWNpdHk6MC4xO308L3N0eWxlPjwvZGVmcz48ZyBpZD0ibGlnaHQiPjxyZWN0IHg9IjIuMjUiIHdpZHRoPSI0Ljc1IiBoZWlnaHQ9IjEuMjUiLz48cmVjdCB4PSI1LjUiIHdpZHRoPSIxLjUiIGhlaWdodD0iNC41Ii8+PHBhdGggY2xhc3M9ImNscy0yIiBkPSJNMTEuNDMuMzRsLS40LDFhNy44OSw3Ljg5LDAsMSwxLTQuNTEuMTNMNS42Ni42NUE5LDksMCwxLDAsMTEuNDMuMzRaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwKSIvPjxwYXRoIGQ9Ik0xMS40My4zNGwtLjQsMWE3Ljg5LDcuODksMCwxLDEtNC41MS4xM0w1LjY2LjY1QTksOSwwLDEsMCwxMS40My4zNFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDApIi8+PC9nPjwvc3ZnPg==);
- --stop-button-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2Ij48ZGVmcz48c3R5bGU+LmNscy0ye2ZpbGw6bm9uZTtzdHJva2U6IzAwMDtzdHJva2UtbWl0ZXJsaW1pdDoxMDtzdHJva2Utd2lkdGg6MS4xcHg7fTwvc3R5bGU+PC9kZWZzPjxnIGlkPSJsaWdodCI+PGxpbmUgY2xhc3M9ImNscy0yIiB4MT0iMC45IiB5MT0iMC45IiB4Mj0iMTUuMSIgeTI9IjE1LjEiLz48bGluZSBjbGFzcz0iY2xzLTIiIHgxPSIwLjkiIHkxPSIxNS4xIiB4Mj0iMTUuMSIgeTI9IjAuOSIvPjwvZz48L3N2Zz4=);
- --urlbar-history-dropmarker-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMSIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDExIDE0Ij48ZGVmcz48c3R5bGU+LmNscy0ye2ZpbGw6bm9uZTtzdHJva2U6IzAwMDtzdHJva2UtbWl0ZXJsaW1pdDoxMDt9PC9zdHlsZT48L2RlZnM+PGcgaWQ9ImxpZ2h0Ij48cG9seWxpbmUgY2xhc3M9ImNscy0yIiBwb2ludHM9IjEwIDUgNS41IDEwIDEgNSIvPjwvZz48L3N2Zz4=);
- --reader-mode-button-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDQwIDIwIj48ZGVmcz48c3R5bGU+LmNscy0yLC5jbHMtMywuY2xzLTQsLmNscy01LC5jbHMtNiwuY2xzLTd7ZmlsbDpub25lO3N0cm9rZS1taXRlcmxpbWl0OjEwO30uY2xzLTIsLmNscy0zLC5jbHMtNHtzdHJva2U6IzAwMDt9LmNscy0yLC5jbHMtNXtzdHJva2Utd2lkdGg6MS40cHg7fS5jbHMtMywuY2xzLTZ7c3Ryb2tlLXdpZHRoOjEuNXB4O30uY2xzLTQsLmNscy03e3N0cm9rZS13aWR0aDoxLjJweDt9LmNscy01LC5jbHMtNiwuY2xzLTd7c3Ryb2tlOiMwMDc4ZDc7fTwvc3R5bGU+PC9kZWZzPjxnIGlkPSJsaWdodC1pZGxlIiBzdHlsZT0idHJhbnNmb3JtOnRyYW5zbGF0ZSgwcHgpIj48cG9seWxpbmUgY2xhc3M9ImNscy0yIiBwb2ludHM9IjMuNjQgMi4yNSAwLjcgMi4yNSAwLjcgMTcuNzUgMTkuMyAxNy43NSAxOS4zIDIuMjUgMTYuMzYgMi4yNSIvPjxsaW5lIGNsYXNzPSJjbHMtMyIgeDE9IjEwIiB5MT0iMiIgeDI9IjEwIiB5Mj0iMTYiLz48cGF0aCBjbGFzcz0iY2xzLTQiIGQ9Ik0xMCwyLjVTMTEuNS41LDE2LjUsMVYxNWgtNEEzLjgxLDMuODEsMCwwLDAsMTAsMTYuNSwzLjY5LDMuNjksMCwwLDAsNy41LDE1Yy0xLjE5LDAtMS41LDAtNCwwVjFDOC41LjUsMTAsMi41LDEwLDIuNVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMCkiLz48L2c+PGcgaWQ9ImxpZ2h0LWhvdmVyIiBzdHlsZT0idHJhbnNmb3JtOnRyYW5zbGF0ZSgyMHB4KSI+PHBvbHlsaW5lIGNsYXNzPSJjbHMtNSIgcG9pbnRzPSIzLjY0IDIuMjUgMC43IDIuMjUgMC43IDE3Ljc1IDE5LjMgMTcuNzUgMTkuMyAyLjI1IDE2LjM2IDIuMjUiLz48bGluZSBjbGFzcz0iY2xzLTYiIHgxPSIxMCIgeTE9IjIiIHgyPSIxMCIgeTI9IjE2Ii8+PHBhdGggY2xhc3M9ImNscy03IiBkPSJNMTAsMi41UzExLjUuNSwxNi41LDFWMTVoLTRBMy44MSwzLjgxLDAsMCwwLDEwLDE2LjUsMy42OSwzLjY5LDAsMCwwLDcuNSwxNWMtMS4xOSwwLTEuNSwwLTQsMFYxQzguNS41LDEwLDIuNSwxMCwyLjVaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDApIi8+PC9nPjwvc3ZnPg==);
- --searchbar-search-button-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2MCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDYwIDIwIj48ZGVmcz48c3R5bGU+LmNscy0yLC5jbHMtMywuY2xzLTR7ZmlsbDpub25lO3N0cm9rZS1taXRlcmxpbWl0OjEwO30uY2xzLTJ7c3Ryb2tlOiM1YzVjNWM7fS5jbHMtM3tzdHJva2U6IzJiMmIyYjt9LmNscy00e3N0cm9rZTojMDAwO308L3N0eWxlPjwvZGVmcz48ZyBpZD0ibGlnaHQtc2VhcmNoLWlkbGUiIHN0eWxlPSJ0cmFuc2Zvcm06dHJhbnNsYXRlKDBweCkiPjxjaXJjbGUgY2xhc3M9ImNscy0yIiBjeD0iMTIuNSIgY3k9IjcuNSIgcj0iNSIvPjxsaW5lIGNsYXNzPSJjbHMtMiIgeDE9IjIiIHkxPSIxOCIgeDI9IjkiIHkyPSIxMSIvPjwvZz48ZyBpZD0ibGlnaHQtc2VhcmNoLWhvdmVyIiBzdHlsZT0idHJhbnNmb3JtOnRyYW5zbGF0ZSgyMHB4KSI+PGNpcmNsZSBjbGFzcz0iY2xzLTMiIGN4PSIxMi41IiBjeT0iNy41IiByPSI1Ii8+PHBvbHlsaW5lIGNsYXNzPSJjbHMtMyIgcG9pbnRzPSIxMyAxNSAxNS41IDE3LjUgMTggMTUiLz48bGluZSBjbGFzcz0iY2xzLTMiIHgxPSIyIiB5MT0iMTgiIHgyPSI5IiB5Mj0iMTEiLz48L2c+PGcgaWQ9ImxpZ2h0LXNlYXJjaC1hY3RpdmUiIHN0eWxlPSJ0cmFuc2Zvcm06dHJhbnNsYXRlKDQwcHgpIj48Y2lyY2xlIGNsYXNzPSJjbHMtNCIgY3g9IjEyLjUiIGN5PSI3LjUiIHI9IjUiLz48cG9seWxpbmUgY2xhc3M9ImNscy00IiBwb2ludHM9IjEzIDE1IDE1LjUgMTcuNSAxOCAxNSIvPjxsaW5lIGNsYXNzPSJjbHMtNCIgeDE9IjIiIHkxPSIxOCIgeDI9IjkiIHkyPSIxMSIvPjwvZz48L3N2Zz4=);
- --searchbar-search-button-addengines-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2MCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDYwIDIwIj48ZGVmcz48c3R5bGU+LmNscy0yLC5jbHMtMywuY2xzLTQsLmNscy01LC5jbHMtNiwuY2xzLTd7ZmlsbDpub25lO3N0cm9rZS1taXRlcmxpbWl0OjEwO30uY2xzLTJ7c3Ryb2tlOiM1YzVjNWM7fS5jbHMtM3tzdHJva2U6IzI4YTgyODt9LmNscy00e3N0cm9rZTojMmIyYjJiO30uY2xzLTV7c3Ryb2tlOiMyMzkzMjM7fS5jbHMtNntzdHJva2U6IzAwMDt9LmNscy03e3N0cm9rZTojMWU3ZjFlO308L3N0eWxlPjwvZGVmcz48ZyBpZD0ibGlnaHQtc2VuZ2luZS1pZGxlIiBzdHlsZT0idHJhbnNmb3JtOnRyYW5zbGF0ZSgwcHgpIj48Y2lyY2xlIGNsYXNzPSJjbHMtMiIgY3g9IjEyLjUiIGN5PSI3LjUiIHI9IjUiLz48bGluZSBjbGFzcz0iY2xzLTIiIHgxPSIyIiB5MT0iMTgiIHgyPSI5IiB5Mj0iMTEiLz48bGluZSBjbGFzcz0iY2xzLTMiIHgxPSIxNS41IiB5MT0iMTQiIHgyPSIxNS41IiB5Mj0iMTkiLz48bGluZSBjbGFzcz0iY2xzLTMiIHgxPSIxMyIgeTE9IjE2LjUiIHgyPSIxOCIgeTI9IjE2LjUiLz48L2c+PGcgaWQ9ImxpZ2h0LXNlbmdpbmUtaG92ZXIiIHN0eWxlPSJ0cmFuc2Zvcm06dHJhbnNsYXRlKDIwcHgpIj48Y2lyY2xlIGNsYXNzPSJjbHMtNCIgY3g9IjEyLjUiIGN5PSI3LjUiIHI9IjUiLz48bGluZSBjbGFzcz0iY2xzLTQiIHgxPSIyIiB5MT0iMTgiIHgyPSI5IiB5Mj0iMTEiLz48bGluZSBjbGFzcz0iY2xzLTUiIHgxPSIxNS41IiB5MT0iMTQiIHgyPSIxNS41IiB5Mj0iMTkiLz48bGluZSBjbGFzcz0iY2xzLTUiIHgxPSIxMyIgeTE9IjE2LjUiIHgyPSIxOCIgeTI9IjE2LjUiLz48L2c+PGcgaWQ9ImxpZ2h0LXNlbmdpbmUtYWN0aXZlIiBzdHlsZT0idHJhbnNmb3JtOnRyYW5zbGF0ZSg0MHB4KSI+PGNpcmNsZSBjbGFzcz0iY2xzLTYiIGN4PSIxMi41IiBjeT0iNy41IiByPSI1Ii8+PGxpbmUgY2xhc3M9ImNscy02IiB4MT0iMiIgeTE9IjE4IiB4Mj0iOSIgeTI9IjExIi8+PGxpbmUgY2xhc3M9ImNscy03IiB4MT0iMTUuNSIgeTE9IjE0IiB4Mj0iMTUuNSIgeTI9IjE5Ii8+PGxpbmUgY2xhc3M9ImNscy03IiB4MT0iMTMiIHkxPSIxNi41IiB4Mj0iMTgiIHkyPSIxNi41Ii8+PC9nPjwvc3ZnPg==);
- --searchbar-go-button-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MiIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDQyIDE0Ij48ZGVmcz48c3R5bGU+LmNscy0yLC5jbHMtMywuY2xzLTR7ZmlsbDpub25lO3N0cm9rZS1taXRlcmxpbWl0OjEwO30uY2xzLTJ7c3Ryb2tlOiM1NDU0NTQ7fS5jbHMtM3tzdHJva2U6IzJhYWQxZTt9LmNscy00e3N0cm9rZTojMjI4YjE4O308L3N0eWxlPjwvZGVmcz48ZyBpZD0ibGlnaHQtaWRsZSIgc3R5bGU9InRyYW5zZm9ybTp0cmFuc2xhdGUoMHB4KSI+PGxpbmUgY2xhc3M9ImNscy0yIiB4MT0iMiIgeTE9IjcuNSIgeDI9IjExIiB5Mj0iNy41Ii8+PHBvbHlsaW5lIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSI4IDQgMTEuNSA3LjUgOCAxMSIvPjwvZz48ZyBpZD0ibGlnaHQtaG92ZXIiIHN0eWxlPSJ0cmFuc2Zvcm06dHJhbnNsYXRlKDE0cHgpIj48bGluZSBjbGFzcz0iY2xzLTMiIHgxPSIyIiB5MT0iNy41IiB4Mj0iMTEiIHkyPSI3LjUiLz48cG9seWxpbmUgY2xhc3M9ImNscy0zIiBwb2ludHM9IjggNCAxMS41IDcuNSA4IDExIi8+PC9nPjxnIGlkPSJsaWdodC1hY3RpdmUiIHN0eWxlPSJ0cmFuc2Zvcm06dHJhbnNsYXRlKDI4cHgpIj48bGluZSBjbGFzcz0iY2xzLTQiIHgxPSIyIiB5MT0iNy41IiB4Mj0iMTEiIHkyPSI3LjUiLz48cG9seWxpbmUgY2xhc3M9ImNscy00IiBwb2ludHM9IjggNCAxMS41IDcuNSA4IDExIi8+PC9nPjwvc3ZnPg==);
- --bookmarks-menu-button-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2MCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDYwIDIwIj48ZGVmcz48c3R5bGU+LmNscy0yLC5jbHMtM3tmaWxsOm5vbmU7fS5jbHMtMntzdHJva2U6IzAwMDt9LmNscy0yLC5jbHMtMywuY2xzLTR7c3Ryb2tlLW1pdGVybGltaXQ6MTA7c3Ryb2tlLXdpZHRoOjEuMnB4O30uY2xzLTMsLmNscy00e3N0cm9rZTojZmZiOTAwO30uY2xzLTR7ZmlsbDojZmZiOTAwO308L3N0eWxlPjwvZGVmcz48ZyBpZD0ibGlnaHQtaWRsZSIgc3R5bGU9InRyYW5zZm9ybTp0cmFuc2xhdGUoMHB4KSI+PHBvbHlnb24gY2xhc3M9ImNscy0yIiBwb2ludHM9IjEuOCA4IDggOCAxMCAyIDEyIDggMTguMiA4IDEzIDEyIDE1IDE4LjMgMTAgMTQuNSA1IDE4LjMgNyAxMiAxLjggOCIvPjwvZz48ZyBpZD0ibGlnaHQtaG92ZXIiIHN0eWxlPSJ0cmFuc2Zvcm06dHJhbnNsYXRlKDIwcHgpIj48cG9seWdvbiBjbGFzcz0iY2xzLTMiIHBvaW50cz0iMS44IDggOCA4IDEwIDIgMTIgOCAxOC4yIDggMTMgMTIgMTUgMTguMyAxMCAxNC41IDUgMTguMyA3IDEyIDEuOCA4Ii8+PC9nPjxnIGlkPSJsaWdodC1hY3RpdmUiIHN0eWxlPSJ0cmFuc2Zvcm06dHJhbnNsYXRlKDQwcHgpIj48cG9seWdvbiBjbGFzcz0iY2xzLTQiIHBvaW50cz0iMS44IDggOCA4IDEwIDIgMTIgOCAxOC4yIDggMTMgMTIgMTUgMTguMyAxMCAxNC41IDUgMTguMyA3IDEyIDEuOCA4Ii8+PC9nPjwvc3ZnPg==);
- --bookmarks-menu-button-dropmarker-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDQwIDIwIj48ZGVmcz48c3R5bGU+LmNscy0yLC5jbHMtM3tmaWxsOm5vbmU7c3Ryb2tlLW1pdGVybGltaXQ6MTA7c3Ryb2tlLXdpZHRoOjEuMjVweDt9LmNscy0ye3N0cm9rZTojMDAwO30uY2xzLTN7c3Ryb2tlOiMwMDc4ZDc7fTwvc3R5bGU+PC9kZWZzPjxnIGlkPSJsaWdodC1pZGxlIiBzdHlsZT0idHJhbnNmb3JtOnRyYW5zbGF0ZSgwcHgpIj48bGluZSBjbGFzcz0iY2xzLTIiIHgxPSIyMCIgeTE9IjMuMjUiIHgyPSI5IiB5Mj0iMy4yNSIvPjxsaW5lIGNsYXNzPSJjbHMtMiIgeDE9IjMiIHkxPSIxMC43NSIgeDI9IjIwIiB5Mj0iMTAuNzUiLz48bGluZSBjbGFzcz0iY2xzLTIiIHkxPSIxNC43NSIgeDI9IjE3IiB5Mj0iMTQuNzUiLz48bGluZSBjbGFzcz0iY2xzLTIiIHgxPSIzIiB5MT0iMTguNSIgeDI9IjIwIiB5Mj0iMTguNSIvPjxwYXRoIGNsYXNzPSJjbHMtMiIgZD0iTTE3LDdIM1MxLDcsMSw2VjNTMSwyLDMsMiw1LDMsNSwzVjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMCkiLz48L2c+PGcgaWQ9ImxpZ2h0LWhvdmVyIiBzdHlsZT0idHJhbnNmb3JtOnRyYW5zbGF0ZSgyMHB4KSI+PGxpbmUgY2xhc3M9ImNscy0zIiB4MT0iMjAiIHkxPSIzLjI1IiB4Mj0iOSIgeTI9IjMuMjUiLz48bGluZSBjbGFzcz0iY2xzLTMiIHgxPSIzIiB5MT0iMTAuNzUiIHgyPSIyMCIgeTI9IjEwLjc1Ii8+PGxpbmUgY2xhc3M9ImNscy0zIiB5MT0iMTQuNzUiIHgyPSIxNyIgeTI9IjE0Ljc1Ii8+PGxpbmUgY2xhc3M9ImNscy0zIiB4MT0iMyIgeTE9IjE4LjUiIHgyPSIyMCIgeTI9IjE4LjUiLz48cGF0aCBjbGFzcz0iY2xzLTMiIGQ9Ik0xNyw3SDNTMSw3LDEsNlYzUzEsMiwzLDIsNSwzLDUsM1Y1IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDApIi8+PC9nPjwvc3ZnPg==);
- --bookmarked-notification-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj48ZGVmcz48c3R5bGU+LmNscy0ye2ZpbGw6I2ZmYjkwMDtzdHJva2U6I2ZmYjkwMDtzdHJva2UtbWl0ZXJsaW1pdDoxMDtzdHJva2Utd2lkdGg6MS4ycHg7fTwvc3R5bGU+PC9kZWZzPjxnIGlkPSJib29rbWFya2VkLW5vdGlmaWNhdGlvbiI+PHBvbHlnb24gY2xhc3M9ImNscy0yIiBwb2ludHM9IjEuOCA4IDggOCAxMCAyIDEyIDggMTguMiA4IDEzIDEyIDE1IDE4LjMgMTAgMTQuNSA1IDE4LjMgNyAxMiAxLjggOCIvPjwvZz48L3N2Zz4=);
- --downloads-button-img: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDQwIDIwIj48ZGVmcz48c3R5bGU+LmNscy0yLC5jbHMtMywuY2xzLTQsLmNscy01LC5jbHMtNiwuY2xzLTd7ZmlsbDpub25lO3N0cm9rZS1taXRlcmxpbWl0OjEwO30uY2xzLTIsLmNscy0zLC5jbHMtNHtzdHJva2U6IzAwMDt9LmNscy0zLC5jbHMtNntzdHJva2Utd2lkdGg6MnB4O30uY2xzLTQsLmNscy03e3N0cm9rZS13aWR0aDoxLjc1cHg7fS5jbHMtNSwuY2xzLTYsLmNscy03e3N0cm9rZTojMDA3OGQ3O308L3N0eWxlPjwvZGVmcz48ZyBpZD0ibGlnaHQtaWRsZSIgc3R5bGU9InRyYW5zZm9ybTp0cmFuc2xhdGUoMHB4KSI+PGxpbmUgY2xhc3M9ImNscy0yIiB4MT0iMyIgeTE9IjE5LjUiIHgyPSIxNyIgeTI9IjE5LjUiLz48bGluZSBjbGFzcz0iY2xzLTMiIHgxPSIxMCIgeTE9IjE1IiB4Mj0iMTAiIHkyPSIxIi8+PHBvbHlsaW5lIGNsYXNzPSJjbHMtNCIgcG9pbnRzPSIzLjUgOS41IDEwIDE1LjI1IDE2LjUgOS41Ii8+PC9nPjxnIGlkPSJsaWdodC1hdHRlbnRpb24iIHN0eWxlPSJ0cmFuc2Zvcm06dHJhbnNsYXRlKDIwcHgpIj48bGluZSBjbGFzcz0iY2xzLTUiIHgxPSIzIiB5MT0iMTkuNSIgeDI9IjE3IiB5Mj0iMTkuNSIvPjxsaW5lIGNsYXNzPSJjbHMtNiIgeDE9IjEwIiB5MT0iMTUiIHgyPSIxMCIgeTI9IjEiLz48cG9seWxpbmUgY2xhc3M9ImNscy03IiBwb2ludHM9IjMuNSA5LjUgMTAgMTUuMjUgMTYuNSA5LjUiLz48L2c+PC9zdmc+);
- --downloads-button-image: -moz-image-rect(var(--downloads-button-img), 0, 20, 20, 0);
- --downloads-button-attention-image: -moz-image-rect(var(--downloads-button-img), 0, 40, 20, 20);
- --downloads-button-start-notification-image: var(--downloads-button-image);
- --downloads-button-finish-notification-image: var(--downloads-button-attention-image);
- --menu-button-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj48ZyBpZD0ibGlnaHQiPjxjaXJjbGUgY3g9IjIuNSIgY3k9IjEwIiByPSIxLjM4Ii8+PGNpcmNsZSBjeD0iMTAiIGN5PSIxMCIgcj0iMS4zOCIvPjxjaXJjbGUgY3g9IjE3LjUiIGN5PSIxMCIgcj0iMS4zOCIvPjwvZz48L3N2Zz4=);
- --bookmarks-drop-indicator-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5IiBoZWlnaHQ9IjE4IiB2aWV3Qm94PSIwIDAgOSAxOCI+PGRlZnM+PHN0eWxlPi5jbHMtMiwuY2xzLTN7ZmlsbDpub25lO3N0cm9rZTojMDAwO3N0cm9rZS1taXRlcmxpbWl0OjEwO30uY2xzLTN7c3Ryb2tlLWRhc2hhcnJheToxO308L3N0eWxlPjwvZGVmcz48ZyBpZD0ibGlnaHQiPjxwb2x5bGluZSBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMC41IDAuNSA0LjUgNC41IDguNSAwLjUiLz48bGluZSBjbGFzcz0iY2xzLTMiIHgxPSI0LjUiIHkxPSI4IiB4Mj0iNC41IiB5Mj0iMTciLz48L2c+PC9zdmc+);
- --bookmarks-chevron-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDE4IDEwIj48ZGVmcz48c3R5bGU+LmNscy0ye2ZpbGw6bm9uZTtzdHJva2U6IzAwMDtzdHJva2UtbWl0ZXJsaW1pdDoxMDt9PC9zdHlsZT48L2RlZnM+PGcgaWQ9ImxpZ2h0Ij48cG9seWxpbmUgY2xhc3M9ImNscy0yIiBwb2ludHM9IjEgMSA5IDkgMTcgMSIvPjwvZz48L3N2Zz4=);
- --bookmarks-favicon-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj48ZGVmcz48c3R5bGU+LmNscy0ye2ZpbGw6bm9uZTtzdHJva2U6IzAwMDtzdHJva2UtbWl0ZXJsaW1pdDoxMDtzdHJva2Utd2lkdGg6MS4ycHg7fTwvc3R5bGU+PC9kZWZzPjxnIGlkPSJsaWdodC1mYXZpY29uIj48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMS44IDggOCA4IDEwIDIgMTIgOCAxOC4yIDggMTMgMTIgMTUgMTguMyAxMCAxNC41IDUgMTguMyA3IDEyIDEuOCA4Ii8+PC9nPjwvc3ZnPg==);
- --pocket-button-image: url(chrome://pocket/skin/Toolbar.png);
- --pocket-button-image2x: url(chrome://pocket/skin/Toolbar@2x.png);
- --panel-arrow-vertical: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjIwIiBoZWlnaHQ9IjEwIj4gIDxwYXRoIGQ9Ik0gMCwxMCBMIDEwLDAgMjAsMTAgeiIgZmlsbD0iIzkxOTE5MSIvPiAgPHBhdGggZD0iTSAxLDEwIEwgMTAsMSAxOSwxMCB6IiBmaWxsPSIjRjJGMkYyIi8+PC9zdmc+);
- --menupanel-images: url(chrome://browser/skin/menuPanel.svg);
- --menupanel-small-images: url(chrome://browser/skin/menuPanel-small.svg);
- --pocket-menupanel-image: url(chrome://pocket/skin/menuPanel.png);
- --pocket-menupanel-image-2x: url(chrome://pocket/skin/menuPanel@2x.png);
- --panelui-fxa-icon: url(chrome://browser/skin/sync-horizontalbar.png);
- --panelui-fxa-icon-2x: url(chrome://browser/skin/sync-horizontalbar@2x.png);
- --panelui-customize-icon: url(chrome://browser/skin/menuPanel-customize.png);
- --panelui-customize-icon-2x: url(chrome://browser/skin/menuPanel-customize@2x.png);
- --panelui-help-icon: url(chrome://browser/skin/menuPanel-help.png);
- --panelui-help-icon-2x: url(chrome://browser/skin/menuPanel-help@2x.png);
- --panelui-quit-icon: url(chrome://browser/skin/menuPanel-exit.png);
- --panelui-quit-icon-2x: url(chrome://browser/skin/menuPanel-exit@2x.png);
- --arrow-subview-forward-image: url(chrome://browser/skin/controlcenter/arrow-subview.svg);
- --menu-arrow-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2Ij48ZGVmcz48c3R5bGU+LmNscy0ye2ZpbGw6bm9uZTtzdHJva2U6IzAwMDtzdHJva2UtbWl0ZXJsaW1pdDoxMDt9PC9zdHlsZT48L2RlZnM+PGcgaWQ9ImxpZ2h0Ij48cG9seWxpbmUgY2xhc3M9ImNscy0yIiBwb2ludHM9IjUgMiAxMSA4IDUgMTQiLz48L2c+PC9zdmc+);
- --menulist-dropdown-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTQiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDE0IDgiPjxkZWZzPjxzdHlsZT4uY2xzLTJ7ZmlsbDpub25lO3N0cm9rZTojMDAwO3N0cm9rZS1taXRlcmxpbWl0OjEwO308L3N0eWxlPjwvZGVmcz48ZyBpZD0ibGlnaHQiPjxwb2x5bGluZSBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMSAxIDcgNi41IDEzIDEiLz48L2c+PC9zdmc+);
- --contextmenu-checkmark: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNSIgaGVpZ2h0PSI5LjI0IiB2aWV3Qm94PSIwIDAgMTUgOS4yNCI+PGRlZnM+PHN0eWxlPi5jbHMtMntmaWxsOm5vbmU7c3Ryb2tlOiMwMDA7c3Ryb2tlLW1pdGVybGltaXQ6MTA7fTwvc3R5bGU+PC9kZWZzPjxnIGlkPSJsaWdodCI+PHBvbHlsaW5lIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIxIDUuNSAyLjUgNS41IDUgOC41IDEzIDAuNSAxNCAwLjUiLz48L2c+PC9zdmc+);
- --contextmenu-radio: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2Ij48ZyBpZD0ibGlnaHQiPjxjaXJjbGUgY3g9IjgiIGN5PSI4IiByPSIzIi8+PC9nPjwvc3ZnPg==);
- --contextmenu-backarrow: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2Ij48ZGVmcz48c3R5bGU+LmNscy0ye2ZpbGw6bm9uZTtzdHJva2U6IzAwNzhkNztzdHJva2UtbWl0ZXJsaW1pdDoxMDt9PC9zdHlsZT48L2RlZnM+PGcgaWQ9ImRhcmsiPjxwb2x5bGluZSBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMTEgMiA1IDggMTEgMTQiLz48L2c+PC9zdmc+);
- --contextmenu-forwardarrow: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2Ij48ZGVmcz48c3R5bGU+LmNscy0ye2ZpbGw6bm9uZTtzdHJva2U6IzAwNzhkNztzdHJva2UtbWl0ZXJsaW1pdDoxMDt9PC9zdHlsZT48L2RlZnM+PGcgaWQ9ImRhcmsiPjxwb2x5bGluZSBjbGFzcz0iY2xzLTIiIHBvaW50cz0iNSAyIDExIDggNSAxNCIvPjwvZz48L3N2Zz4=);
- --tab-drop-indicator: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMSIgaGVpZ2h0PSIxMSIgdmlld0JveD0iMCAwIDExIDExIj48ZGVmcz48c3R5bGU+LmNscy0ye2ZpbGw6bm9uZTtzdHJva2U6IzAwMDtzdHJva2UtbWl0ZXJsaW1pdDoxMDt9PC9zdHlsZT48L2RlZnM+PGcgaWQ9ImxpZ2h0Ij48cG9seWxpbmUgY2xhc3M9ImNscy0yIiBwb2ludHM9IjEgNS41IDUuNSAxIDEwIDUuNSIvPjxsaW5lIGNsYXNzPSJjbHMtMiIgeDE9IjUuNSIgeTE9IjExIiB4Mj0iNS41IiB5Mj0iMS41Ii8+PC9nPjwvc3ZnPg==);
- --navbar-toolbarbutton-images: url(chrome://browser/skin/Toolbar.png);
- --navbar-toolbarbutton-images2x: url(chrome://browser/skin/Toolbar@2x.png);
- --home-button-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOSIgaGVpZ2h0PSIxNyIgdmlld0JveD0iMCAwIDE5IDE3Ij48ZGVmcz48c3R5bGU+LmNscy0yLC5jbHMtM3tmaWxsOm5vbmU7c3Ryb2tlOiMwMDA7c3Ryb2tlLW1pdGVybGltaXQ6MTA7fS5jbHMtMntzdHJva2Utd2lkdGg6MS4xcHg7fS5jbHMtM3tzdHJva2Utd2lkdGg6MS4ycHg7fTwvc3R5bGU+PC9kZWZzPjxnIGlkPSJsaWdodCI+PHBvbHlsaW5lIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIxIDEwIDkuNSAxIDE4IDEwIi8+PHBvbHlsaW5lIGNsYXNzPSJjbHMtMyIgcG9pbnRzPSIzIDggMyAxNiA3LjUgMTYgNy41IDEwLjUgMTEuNSAxMC41IDExLjUgMTYgMTYgMTYgMTYgOCIvPjwvZz48L3N2Zz4=);
- --identity-icon-image: url(chrome://browser/skin/identity-icon.svg#normal-black);
- --identity-icon-hover-image: url(chrome://browser/skin/identity-icon.svg#hover-black);
- --identity-icon-notice-image: url(chrome://browser/skin/identity-icon.svg#notice-black);
- --identity-icon-notice-hover-image: url(chrome://browser/skin/identity-icon.svg#notice-hover-black);
- --tracking-protection-enabled-image: url(chrome://browser/skin/tracking-protection-16.svg#enabled-black);
- --tracking-protection-disabled-image: url(chrome://browser/skin/tracking-protection-16.svg#disabled-black);
- --connection-mixed-passive-image: url(chrome://browser/skin/connection-mixed-passive-loaded.svg#icon-black);
- --connection-mixed-active-image: url(chrome://browser/skin/connection-mixed-active-loaded.svg#icon-black);
- --connection-mixed-passive-image: url(chrome://browser/skin/connection-mixed-passive-loaded.svg#icon-black);
- }
-
-}
-
@import url("chrome://global/skin/");
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
@@ -2436,174 +55,6 @@
--urlbar-separator-color: ThreeDLightShadow;
}
- /* Dark theme support - activates on OS dark mode or manual toggle */
- @media (prefers-color-scheme: dark) {
- :root {
- --titlebar-min-max-hover-bg-color: #4a4a4a;
- --titlebar-min-max-active-bg-color: #3c3c3c;
- --titlebar-close-hover-bg-color: #c42b1c;
- --titlebar-close-active-bg-color: #a62518;
- --top-level-bg-color: #2b2b2b;
- --top-level-bg-hover-color: #3c3c3c;
- --top-level-bg-active-color: #4a4a4a;
- --toolbar-bgcolor: #2b2b2b;
- --toolbar-bgimage: none;
- --toolbar-field-background-color: #3c3c3c;
- --toolbar-field-color: #e0e0e0;
- --toolbar-field-border-color: #5a5a5a;
- --toolbar-field-focus-background-color: #3c3c3c;
- --toolbar-field-focus-color: #ffffff;
- --toolbar-field-focus-border-color: #0078d7;
- --button-bgcolor: #3c3c3c;
- --button-hover-bgcolor: #4a4a4a;
- --button-active-bgcolor: #5a5a5a;
- --button-primary-bgcolor: #0078d7;
- --button-primary-hover-bgcolor: #1084d7;
- --button-primary-active-bgcolor: #0066b3;
- --tabs-border: 1px solid #1a1a1a;
- --tab-bgcolor: #3c3c3c;
- --tab-hover-bgcolor: #4a4a4a;
- --tab-selected-bgcolor: #2b2b2b;
- --tab-text-color: #e0e0e0;
- --scrollbar-thumb-bgcolor: #5a5a5a;
- --scrollbar-thumb-hover-bgcolor: #6a6a6a;
- --scrollbar-track-bgcolor: #2b2b2b;
- --autocomplete-popup-background: #2b2b2b;
- --autocomplete-popup-border-color: #5a5a5a;
- --autocomplete-popup-highlight-background: #0078d7;
- --second-level-bg-color: #3c3c3c;
- --second-level-bg-hover-color: #4a4a4a;
- --second-level-bg-active-color: #5a5a5a;
- --second-level-alt-bg-hover-color: #5a5a5a;
- --second-level-alt-bg-active-color: #6a6a6a;
- --tab-scroll-up-down-bg-color: #3c3c3c;
- --tab-scroll-up-down-bg-hover-color: #4a4a4a;
- --tab-scroll-up-down-bg-active-color: #5a5a5a;
- --tab-scroll-up-down-bg-disabled-color: #3c3c3c;
- --tab-button-bg-active-color: #5a5a5a;
- --new-tab-hover-bg-color: #4a4a4a;
- --alltabs-bg-hover-color: #4a4a4a;
- --alltabs-bg-active-color: #5a5a5a;
- --searchbar-bg-color: #3c3c3c;
- --searchbar-bg-hover-color: #4a4a4a;
- --searchbar-bg-active-color: #5a5a5a;
- --tab-separator-color: #4a4a4a;
- --urlbar-separator-color: #5a5a5a;
- --navigator-separator-bg-color: #5a5a5a;
- --downloads-indicator-remainder-color: #5a5a5a;
- --downloads-indicator-bg-color: #0078d7;
- --downloads-indicator-paused-bg-color: #ffa500;
- --main-font-color: #e0e0e0;
- --inactive-font-color: #b0b0b0;
- --verified-identity-font-color: #90ee90;
- --toolbarbutton-badge-bg-color: rgba(0, 120, 215, 0.8);
- --toolbarbutton-badge-border-color: rgba(255, 255, 255, 0.3);
- --panel-separator-color: rgba(255, 255, 255, 0.1);
- --blue-accent-color: #0078d7;
- --gray-text-color: #b0b0b0;
- --hyperlink-text-color: #6eb3ff;
- --button-bg-color: #3c3c3c;
- --button-border-hover-color: #6a6a6a;
- --button-bg-active-color: #5a5a5a;
- --context-menu-bg-color: #2b2b2b;
- --context-menu-bg-hover-color: #3c3c3c;
- --context-menu-bg-active-color: #4a4a4a;
- --context-menu-border-color: #5a5a5a;
- --context-menu-separator-color: #5a5a5a;
- --findbar-notfound-bg-color: #5a3030;
- --findbar-flash-bg-color: #5a5a00;
- --image-inversion-percentage: 100%;
- --image-brightness: 1.0;
- --chrome-icon-filter: invert(100%) brightness(1.12);
- --arrowpanel-dimmed: hsla(0,0%,20%,.3);
- --arrowpanel-dimmed-further: hsla(0,0%,20%,.45);
- --arrowpanel-dimmed-even-further: hsla(0,0%,20%,.8);
- }
- }
-
- /* Manual dark theme toggle - can be set via data-theme attribute */
- :root[data-theme="dark"] {
- --titlebar-min-max-hover-bg-color: #4a4a4a;
- --titlebar-min-max-active-bg-color: #3c3c3c;
- --titlebar-close-hover-bg-color: #c42b1c;
- --titlebar-close-active-bg-color: #a62518;
- --top-level-bg-color: #2b2b2b;
- --top-level-bg-hover-color: #3c3c3c;
- --top-level-bg-active-color: #4a4a4a;
- --toolbar-bgcolor: #2b2b2b;
- --toolbar-bgimage: none;
- --toolbar-field-background-color: #3c3c3c;
- --toolbar-field-color: #e0e0e0;
- --toolbar-field-border-color: #5a5a5a;
- --toolbar-field-focus-background-color: #3c3c3c;
- --toolbar-field-focus-color: #ffffff;
- --toolbar-field-focus-border-color: #0078d7;
- --button-bgcolor: #3c3c3c;
- --button-hover-bgcolor: #4a4a4a;
- --button-active-bgcolor: #5a5a5a;
- --button-primary-bgcolor: #0078d7;
- --button-primary-hover-bgcolor: #1084d7;
- --button-primary-active-bgcolor: #0066b3;
- --tabs-border: 1px solid #1a1a1a;
- --tab-bgcolor: #3c3c3c;
- --tab-hover-bgcolor: #4a4a4a;
- --tab-selected-bgcolor: #2b2b2b;
- --tab-text-color: #e0e0e0;
- --scrollbar-thumb-bgcolor: #5a5a5a;
- --scrollbar-thumb-hover-bgcolor: #6a6a6a;
- --scrollbar-track-bgcolor: #2b2b2b;
- --autocomplete-popup-background: #2b2b2b;
- --autocomplete-popup-border-color: #5a5a5a;
- --autocomplete-popup-highlight-background: #0078d7;
- --second-level-bg-color: #3c3c3c;
- --second-level-bg-hover-color: #4a4a4a;
- --second-level-bg-active-color: #5a5a5a;
- --second-level-alt-bg-hover-color: #5a5a5a;
- --second-level-alt-bg-active-color: #6a6a6a;
- --tab-scroll-up-down-bg-color: #3c3c3c;
- --tab-scroll-up-down-bg-hover-color: #4a4a4a;
- --tab-scroll-up-down-bg-active-color: #5a5a5a;
- --tab-scroll-up-down-bg-disabled-color: #3c3c3c;
- --tab-button-bg-active-color: #5a5a5a;
- --new-tab-hover-bg-color: #4a4a4a;
- --alltabs-bg-hover-color: #4a4a4a;
- --alltabs-bg-active-color: #5a5a5a;
- --searchbar-bg-color: #3c3c3c;
- --searchbar-bg-hover-color: #4a4a4a;
- --searchbar-bg-active-color: #5a5a5a;
- --tab-separator-color: #4a4a4a;
- --urlbar-separator-color: #5a5a5a;
- --navigator-separator-bg-color: #5a5a5a;
- --downloads-indicator-remainder-color: #5a5a5a;
- --downloads-indicator-bg-color: #0078d7;
- --downloads-indicator-paused-bg-color: #ffa500;
- --main-font-color: #e0e0e0;
- --inactive-font-color: #b0b0b0;
- --verified-identity-font-color: #90ee90;
- --toolbarbutton-badge-bg-color: rgba(0, 120, 215, 0.8);
- --toolbarbutton-badge-border-color: rgba(255, 255, 255, 0.3);
- --panel-separator-color: rgba(255, 255, 255, 0.1);
- --blue-accent-color: #0078d7;
- --gray-text-color: #b0b0b0;
- --hyperlink-text-color: #6eb3ff;
- --button-bg-color: #3c3c3c;
- --button-border-hover-color: #6a6a6a;
- --button-bg-active-color: #5a5a5a;
- --context-menu-bg-color: #2b2b2b;
- --context-menu-bg-hover-color: #3c3c3c;
- --context-menu-bg-active-color: #4a4a4a;
- --context-menu-border-color: #5a5a5a;
- --context-menu-separator-color: #5a5a5a;
- --findbar-notfound-bg-color: #5a3030;
- --findbar-flash-bg-color: #5a5a00;
- --image-inversion-percentage: 100%;
- --image-brightness: 1.0;
- --chrome-icon-filter: invert(100%) brightness(1.12);
- --arrowpanel-dimmed: hsla(0,0%,20%,.3);
- --arrowpanel-dimmed-further: hsla(0,0%,20%,.45);
- --arrowpanel-dimmed-even-further: hsla(0,0%,20%,.8);
- }
-
@media (-moz-windows-default-theme) {
:root {
--panel-separator-color: hsla(210,4%,10%,.14);
@@ -3786,6 +1237,7 @@ toolbar[brighttext] #close-button {
border: 1px solid;
border-color: var(--urlbar-border-color);
}
+
#urlbar:hover,
.searchbar-textbox:hover {
border-color: var(--urlbar-border-color-hover);
@@ -4040,6 +1492,19 @@ html|*.urlbar-input:-moz-lwtheme::placeholder,
outline-offset: -3px;
}
+/* Location bar dropmarker */
+
+.urlbar-history-dropmarker {
+ -moz-appearance: none;
+ padding: 0 3px;
+ background-color: transparent;
+ border: none;
+ width: auto;
+ list-style-image: var(--urlbar-dropmarker-url);
+ -moz-image-region: var(--urlbar-dropmarker-region);
+ transition: opacity 0.15s ease;
+}
+
#urlbar-wrapper[switchingtabs] > #urlbar > .urlbar-textbox-container > .urlbar-history-dropmarker {
transition: none;
}
@@ -4074,7 +1539,6 @@ html|*.urlbar-input:-moz-lwtheme::placeholder,
.urlbar-history-dropmarker > .dropmarker-icon {
width: 11px;
- filter: var(--chrome-icon-filter);
}
}
@@ -4157,88 +1621,6 @@ html|span.ac-tag {
color: hsl(210, 80%, 40%);
}
-:root[data-theme="dark"] #PopupAutoComplete,
-:root[data-theme="dark"] #PopupAutoCompleteRichResult,
-:root[data-theme="dark"] #PopupSearchAutoComplete,
-#main-window[lwtheme-brighttext] #PopupAutoComplete,
-#main-window[lwtheme-brighttext] #PopupAutoCompleteRichResult,
-#main-window[lwtheme-brighttext] #PopupSearchAutoComplete,
-toolbar[brighttext] #PopupAutoComplete,
-toolbar[brighttext] #PopupAutoCompleteRichResult,
-toolbar[brighttext] #PopupSearchAutoComplete {
- background-color: #2b2b2b !important;
- color: #f3f3f3 !important;
- border-color: #5a5a5a !important;
-}
-
-:root[data-theme="dark"] #PopupAutoComplete .autocomplete-richlistbox,
-:root[data-theme="dark"] #PopupAutoCompleteRichResult .autocomplete-richlistbox,
-:root[data-theme="dark"] #PopupSearchAutoComplete .autocomplete-richlistbox,
-#main-window[lwtheme-brighttext] #PopupAutoComplete .autocomplete-richlistbox,
-#main-window[lwtheme-brighttext] #PopupAutoCompleteRichResult .autocomplete-richlistbox,
-#main-window[lwtheme-brighttext] #PopupSearchAutoComplete .autocomplete-richlistbox,
-toolbar[brighttext] #PopupAutoComplete .autocomplete-richlistbox,
-toolbar[brighttext] #PopupAutoCompleteRichResult .autocomplete-richlistbox,
-toolbar[brighttext] #PopupSearchAutoComplete .autocomplete-richlistbox {
- background-color: #2b2b2b !important;
- color: #f3f3f3 !important;
-}
-
-:root[data-theme="dark"] #PopupAutoComplete .autocomplete-richlistitem,
-:root[data-theme="dark"] #PopupAutoCompleteRichResult .autocomplete-richlistitem,
-:root[data-theme="dark"] #PopupSearchAutoComplete .autocomplete-richlistitem,
-#main-window[lwtheme-brighttext] #PopupAutoComplete .autocomplete-richlistitem,
-#main-window[lwtheme-brighttext] #PopupAutoCompleteRichResult .autocomplete-richlistitem,
-#main-window[lwtheme-brighttext] #PopupSearchAutoComplete .autocomplete-richlistitem,
-toolbar[brighttext] #PopupAutoComplete .autocomplete-richlistitem,
-toolbar[brighttext] #PopupAutoCompleteRichResult .autocomplete-richlistitem,
-toolbar[brighttext] #PopupSearchAutoComplete .autocomplete-richlistitem {
- background-color: #2b2b2b !important;
- color: #f3f3f3 !important;
-}
-
-:root[data-theme="dark"] #PopupAutoComplete .ac-title,
-:root[data-theme="dark"] #PopupAutoCompleteRichResult .ac-title,
-:root[data-theme="dark"] #PopupSearchAutoComplete .ac-title,
-#main-window[lwtheme-brighttext] #PopupAutoComplete .ac-title,
-#main-window[lwtheme-brighttext] #PopupAutoCompleteRichResult .ac-title,
-#main-window[lwtheme-brighttext] #PopupSearchAutoComplete .ac-title,
-toolbar[brighttext] #PopupAutoComplete .ac-title,
-toolbar[brighttext] #PopupAutoCompleteRichResult .ac-title,
-toolbar[brighttext] #PopupSearchAutoComplete .ac-title {
- color: #f3f3f3 !important;
-}
-
-:root[data-theme="dark"] #PopupAutoComplete .ac-separator,
-:root[data-theme="dark"] #PopupAutoComplete .ac-url,
-:root[data-theme="dark"] #PopupAutoComplete .ac-action,
-:root[data-theme="dark"] #PopupAutoCompleteRichResult .ac-separator,
-:root[data-theme="dark"] #PopupAutoCompleteRichResult .ac-url,
-:root[data-theme="dark"] #PopupAutoCompleteRichResult .ac-action,
-:root[data-theme="dark"] #PopupSearchAutoComplete .ac-separator,
-:root[data-theme="dark"] #PopupSearchAutoComplete .ac-url,
-:root[data-theme="dark"] #PopupSearchAutoComplete .ac-action,
-#main-window[lwtheme-brighttext] #PopupAutoComplete .ac-separator,
-#main-window[lwtheme-brighttext] #PopupAutoComplete .ac-url,
-#main-window[lwtheme-brighttext] #PopupAutoComplete .ac-action,
-#main-window[lwtheme-brighttext] #PopupAutoCompleteRichResult .ac-separator,
-#main-window[lwtheme-brighttext] #PopupAutoCompleteRichResult .ac-url,
-#main-window[lwtheme-brighttext] #PopupAutoCompleteRichResult .ac-action,
-#main-window[lwtheme-brighttext] #PopupSearchAutoComplete .ac-separator,
-#main-window[lwtheme-brighttext] #PopupSearchAutoComplete .ac-url,
-#main-window[lwtheme-brighttext] #PopupSearchAutoComplete .ac-action,
-toolbar[brighttext] #PopupAutoComplete .ac-separator,
-toolbar[brighttext] #PopupAutoComplete .ac-url,
-toolbar[brighttext] #PopupAutoComplete .ac-action,
-toolbar[brighttext] #PopupAutoCompleteRichResult .ac-separator,
-toolbar[brighttext] #PopupAutoCompleteRichResult .ac-url,
-toolbar[brighttext] #PopupAutoCompleteRichResult .ac-action,
-toolbar[brighttext] #PopupSearchAutoComplete .ac-separator,
-toolbar[brighttext] #PopupSearchAutoComplete .ac-url,
-toolbar[brighttext] #PopupSearchAutoComplete .ac-action {
- color: #a9d0ff !important;
-}
-
html|span.ac-emphasize-text-title,
html|span.ac-emphasize-text-tag,
html|span.ac-emphasize-text-url {
@@ -4356,6 +1738,22 @@ html|span.ac-emphasize-text-url {
/* combined go/reload/stop button in location bar */
+#urlbar-go-button,
+#urlbar-reload-button,
+#urlbar-stop-button {
+ -moz-appearance: none;
+ border-style: none;
+ list-style-image: url("chrome://browser/skin/reload-stop-go.png");
+ padding: 0 9px;
+ margin-inline-start: 5px;
+ border-inline-start: 1px solid var(--urlbar-separator-color);
+ border-image: linear-gradient(transparent 15%,
+ var(--urlbar-separator-color) 15%,
+ var(--urlbar-separator-color) 85%,
+ transparent 85%);
+ border-image-slice: 1;
+}
+
#urlbar-reload-button {
-moz-image-region: rect(0, 14px, 14px, 0);
}
@@ -4502,6 +1900,18 @@ html|span.ac-emphasize-text-url {
margin-bottom: -20px;
}
+/* bookmarking panel */
+
+#editBookmarkPanelStarIcon {
+ list-style-image: url("chrome://browser/skin/places/starred48.png");
+ width: 48px;
+ height: 48px;
+}
+
+#editBookmarkPanelStarIcon[unstarred] {
+ list-style-image: url("chrome://browser/skin/places/unstarred48.png");
+}
+
#editBookmarkPanelTitle {
font-size: 130%;
}
@@ -4813,6 +2223,26 @@ toolbarbutton.bookmark-item[dragover="true"][open="true"] {
outline: 1px dotted -moz-DialogText;
}
+/* Bookmarks roots menu-items */
+#subscribeToPageMenuitem:not([disabled]),
+#subscribeToPageMenupopup {
+ list-style-image: url("chrome://browser/skin/feeds/feedIcon16.png");
+}
+
+#bookmarksToolbarFolderMenu,
+#BMB_bookmarksToolbar,
+#panelMenu_bookmarksToolbar {
+ list-style-image: url("chrome://browser/skin/places/bookmarksToolbar.png");
+ -moz-image-region: auto;
+}
+
+#menu_unsortedBookmarks,
+#BMB_unsortedBookmarks,
+#panelMenu_unsortedBookmarks {
+ list-style-image: url("chrome://browser/skin/places/unsortedBookmarks.png");
+ -moz-image-region: auto;
+}
+
/* Status panel */
.statuspanel-label {
@@ -4833,15 +2263,6 @@ toolbarbutton.bookmark-item[dragover="true"][open="true"] {
}
}
-:root[data-theme="dark"] .statuspanel-label,
-#main-window[lwtheme-brighttext] .statuspanel-label,
-toolbar[brighttext] .statuspanel-label {
- background: #2b2b2b !important;
- border-color: #5a5a5a !important;
- color: #f3f3f3 !important;
- text-shadow: none !important;
-}
-
.statuspanel-label:-moz-locale-dir(ltr):not([mirror]),
.statuspanel-label:-moz-locale-dir(rtl)[mirror] {
border-right-style: solid;
@@ -5124,591 +2545,3 @@ notification.pluginVulnerable > .notification-inner > .messageCloseButton {
padding-top: .9167em;
padding-bottom: .9167em;
}
-
-/* Minimal dark-mode tail overrides: URL bar readability + close-hover color only. */
-:root[data-theme="dark"] #urlbar,
-:root[data-theme="dark"] #urlbar:hover,
-:root[data-theme="dark"] #urlbar[focused],
-:root[data-theme="dark"] #urlbar:-moz-lwtheme,
-:root[data-theme="dark"] #urlbar:-moz-lwtheme:hover:not([readonly]),
-:root[data-theme="dark"] #urlbar:-moz-lwtheme[focused]:not([readonly]),
-#main-window[lwtheme-brighttext] #urlbar,
-#main-window[lwtheme-brighttext] #urlbar:hover,
-#main-window[lwtheme-brighttext] #urlbar[focused],
-#main-window[lwtheme-brighttext] #urlbar:-moz-lwtheme,
-#main-window[lwtheme-brighttext] #urlbar:-moz-lwtheme:hover:not([readonly]),
-#main-window[lwtheme-brighttext] #urlbar:-moz-lwtheme[focused]:not([readonly]),
-toolbar[brighttext] #urlbar,
-toolbar[brighttext] #urlbar:hover,
-toolbar[brighttext] #urlbar[focused],
-toolbar[brighttext] #urlbar:-moz-lwtheme,
-toolbar[brighttext] #urlbar:-moz-lwtheme:hover:not([readonly]),
-toolbar[brighttext] #urlbar:-moz-lwtheme[focused]:not([readonly]) {
- -moz-appearance: none !important;
- background-color: #2f2f2f !important;
- color: #ffffff !important;
- border-color: #5a5a5a !important;
-}
-
-:root[data-theme="dark"] #urlbar .autocomplete-textbox-container,
-:root[data-theme="dark"] #urlbar .textbox-input-box,
-:root[data-theme="dark"] #urlbar .textbox-input-box > html|*.textbox-input,
-:root[data-theme="dark"] #urlbar html|*.textbox-input,
-:root[data-theme="dark"] #urlbar html|*.urlbar-input,
-:root[data-theme="dark"] #urlbar .urlbar-input,
-:root[data-theme="dark"] #urlbar .urlbar-display,
-#main-window[lwtheme-brighttext] #urlbar .autocomplete-textbox-container,
-#main-window[lwtheme-brighttext] #urlbar .textbox-input-box,
-#main-window[lwtheme-brighttext] #urlbar .textbox-input-box > html|*.textbox-input,
-#main-window[lwtheme-brighttext] #urlbar html|*.textbox-input,
-#main-window[lwtheme-brighttext] #urlbar html|*.urlbar-input,
-#main-window[lwtheme-brighttext] #urlbar .urlbar-input,
-#main-window[lwtheme-brighttext] #urlbar .urlbar-display,
-toolbar[brighttext] #urlbar .autocomplete-textbox-container,
-toolbar[brighttext] #urlbar .textbox-input-box,
-toolbar[brighttext] #urlbar .textbox-input-box > html|*.textbox-input,
-toolbar[brighttext] #urlbar html|*.textbox-input,
-toolbar[brighttext] #urlbar html|*.urlbar-input,
-toolbar[brighttext] #urlbar .urlbar-input,
-toolbar[brighttext] #urlbar .urlbar-display {
- -moz-appearance: none !important;
- background-color: #2f2f2f !important;
- color: #ffffff !important;
-}
-
-:root[data-theme="dark"] #TabsToolbar .tabbrowser-tab .close-icon,
-:root[data-theme="dark"] #TabsToolbar .tab-close-button,
-#main-window[lwtheme-brighttext] #TabsToolbar .tabbrowser-tab .close-icon,
-#main-window[lwtheme-brighttext] #TabsToolbar .tab-close-button,
-toolbar[brighttext] #TabsToolbar .tabbrowser-tab .close-icon,
-toolbar[brighttext] #TabsToolbar .tab-close-button {
- list-style-image: url("chrome://global/skin/icons/close-inverted.png") !important;
- -moz-image-region: rect(0, 20px, 20px, 0px) !important;
-}
-
-@media (min-resolution: 1.1dppx) {
- :root[data-theme="dark"] #TabsToolbar .tabbrowser-tab .close-icon,
- :root[data-theme="dark"] #TabsToolbar .tab-close-button,
- #main-window[lwtheme-brighttext] #TabsToolbar .tabbrowser-tab .close-icon,
- #main-window[lwtheme-brighttext] #TabsToolbar .tab-close-button,
- toolbar[brighttext] #TabsToolbar .tabbrowser-tab .close-icon,
- toolbar[brighttext] #TabsToolbar .tab-close-button {
- list-style-image: url("chrome://global/skin/icons/close-inverted@2x.png") !important;
- }
-}
-
-:root[data-theme="dark"] #TabsToolbar .tabbrowser-tab .close-icon:hover,
-:root[data-theme="dark"] #TabsToolbar .tab-close-button:hover,
-#main-window[lwtheme-brighttext] #TabsToolbar .tabbrowser-tab .close-icon:hover,
-#main-window[lwtheme-brighttext] #TabsToolbar .tab-close-button:hover,
-toolbar[brighttext] #TabsToolbar .tabbrowser-tab .close-icon:hover,
-toolbar[brighttext] #TabsToolbar .tab-close-button:hover {
- -moz-image-region: rect(0, 40px, 20px, 20px) !important;
-}
-
-:root[data-theme="dark"] #TabsToolbar .tabbrowser-tab .close-icon:hover:active,
-:root[data-theme="dark"] #TabsToolbar .tab-close-button:hover:active,
-#main-window[lwtheme-brighttext] #TabsToolbar .tabbrowser-tab .close-icon:hover:active,
-#main-window[lwtheme-brighttext] #TabsToolbar .tab-close-button:hover:active,
-toolbar[brighttext] #TabsToolbar .tabbrowser-tab .close-icon:hover:active,
-toolbar[brighttext] #TabsToolbar .tab-close-button:hover:active {
- -moz-image-region: rect(0, 60px, 20px, 40px) !important;
-}
-
-#titlebar-close:hover,
-#close-button:hover {
- background: #c42b1c !important;
-}
-
-#titlebar-close:hover:active,
-#close-button:hover:active {
- background: #a62518 !important;
-}
-
-:root[data-theme="dark"] .urlbar-textbox-container,
-:root[data-theme="dark"] .urlbar-input-box,
-:root[data-theme="dark"] #urlbar-display-box,
-#main-window[lwtheme-brighttext] .urlbar-textbox-container,
-#main-window[lwtheme-brighttext] .urlbar-input-box,
-#main-window[lwtheme-brighttext] #urlbar-display-box,
-toolbar[brighttext] .urlbar-textbox-container,
-toolbar[brighttext] .urlbar-input-box,
-toolbar[brighttext] #urlbar-display-box {
- background-color: #2f2f2f !important;
- border-left-color: #5a5a5a !important;
-}
-
-:root[data-theme="dark"] #titlebar-close:hover,
-:root[data-theme="dark"] #close-button:hover,
-#main-window[lwtheme-brighttext] #titlebar-close:hover,
-#main-window[lwtheme-brighttext] #close-button:hover,
-toolbar[brighttext] #titlebar-close:hover,
-toolbar[brighttext] #close-button:hover {
- -moz-appearance: none !important;
- background-color: #c42b1c !important;
- background-image: none !important;
- list-style-image: url(chrome://browser/skin/caption-buttons.svg#close-white) !important;
-}
-
-:root[data-theme="dark"] #titlebar-close:hover:active,
-:root[data-theme="dark"] #close-button:hover:active,
-#main-window[lwtheme-brighttext] #titlebar-close:hover:active,
-#main-window[lwtheme-brighttext] #close-button:hover:active,
-toolbar[brighttext] #titlebar-close:hover:active,
-toolbar[brighttext] #close-button:hover:active {
- -moz-appearance: none !important;
- background-color: #a62518 !important;
-}
-
-:root[data-theme="dark"] #PanelUI-popup toolbarbutton[cui-areatype="menu-panel"] > .toolbarbutton-icon,
-:root[data-theme="dark"] #PanelUI-popup toolbarbutton[panel-multiview-anchor="true"] > .toolbarbutton-icon,
-:root[data-theme="dark"] #PanelUI-popup #zoom-controls > toolbarbutton > .toolbarbutton-icon,
-:root[data-theme="dark"] #widget-overflow toolbarbutton[cui-areatype="menu-panel"] > .toolbarbutton-icon,
-:root[data-theme="dark"] #widget-overflow toolbarbutton[panel-multiview-anchor="true"] > .toolbarbutton-icon,
-:root[data-theme="dark"] #widget-overflow #zoom-controls > toolbarbutton > .toolbarbutton-icon,
-:root[data-theme="dark"] #PanelUI-popup #PanelUI-fxa-icon > .toolbarbutton-icon,
-:root[data-theme="dark"] #PanelUI-popup #PanelUI-customize > .toolbarbutton-icon,
-:root[data-theme="dark"] #PanelUI-popup #PanelUI-help > .toolbarbutton-icon,
-:root[data-theme="dark"] #PanelUI-popup #PanelUI-quit > .toolbarbutton-icon,
-#main-window[lwtheme-brighttext] #PanelUI-popup toolbarbutton[cui-areatype="menu-panel"] > .toolbarbutton-icon,
-#main-window[lwtheme-brighttext] #PanelUI-popup toolbarbutton[panel-multiview-anchor="true"] > .toolbarbutton-icon,
-#main-window[lwtheme-brighttext] #PanelUI-popup #zoom-controls > toolbarbutton > .toolbarbutton-icon,
-#main-window[lwtheme-brighttext] #widget-overflow toolbarbutton[cui-areatype="menu-panel"] > .toolbarbutton-icon,
-#main-window[lwtheme-brighttext] #widget-overflow toolbarbutton[panel-multiview-anchor="true"] > .toolbarbutton-icon,
-#main-window[lwtheme-brighttext] #widget-overflow #zoom-controls > toolbarbutton > .toolbarbutton-icon,
-#main-window[lwtheme-brighttext] #PanelUI-popup #PanelUI-fxa-icon > .toolbarbutton-icon,
-#main-window[lwtheme-brighttext] #PanelUI-popup #PanelUI-customize > .toolbarbutton-icon,
-#main-window[lwtheme-brighttext] #PanelUI-popup #PanelUI-help > .toolbarbutton-icon,
-#main-window[lwtheme-brighttext] #PanelUI-popup #PanelUI-quit > .toolbarbutton-icon,
-toolbar[brighttext] #PanelUI-popup toolbarbutton[cui-areatype="menu-panel"] > .toolbarbutton-icon,
-toolbar[brighttext] #PanelUI-popup toolbarbutton[panel-multiview-anchor="true"] > .toolbarbutton-icon,
-toolbar[brighttext] #PanelUI-popup #zoom-controls > toolbarbutton > .toolbarbutton-icon,
-toolbar[brighttext] #widget-overflow toolbarbutton[cui-areatype="menu-panel"] > .toolbarbutton-icon,
-toolbar[brighttext] #widget-overflow toolbarbutton[panel-multiview-anchor="true"] > .toolbarbutton-icon,
-toolbar[brighttext] #widget-overflow #zoom-controls > toolbarbutton > .toolbarbutton-icon,
-toolbar[brighttext] #PanelUI-popup #PanelUI-fxa-icon > .toolbarbutton-icon,
-toolbar[brighttext] #PanelUI-popup #PanelUI-customize > .toolbarbutton-icon,
-toolbar[brighttext] #PanelUI-popup #PanelUI-help > .toolbarbutton-icon,
-toolbar[brighttext] #PanelUI-popup #PanelUI-quit > .toolbarbutton-icon {
- filter: invert(100%) brightness(1.12) !important;
-}
-
-:root[data-theme="dark"] #tab-view-deck,
-:root[data-theme="dark"] #browser-panel,
-:root[data-theme="dark"] #browser-bottombox,
-:root[data-theme="dark"] #browser,
-:root[data-theme="dark"] browser,
-:root[data-theme="dark"] .browserContainer,
-:root[data-theme="dark"] #appcontent,
-:root[data-theme="dark"] #content,
-:root[data-theme="dark"] .browserStack,
-:root[data-theme="dark"] #high-priority-global-notificationbox,
-:root[data-theme="dark"] #global-notificationbox,
-:root[data-theme="dark"] #main-window,
-#main-window[lwtheme-brighttext] #tab-view-deck,
-#main-window[lwtheme-brighttext] #browser-panel,
-#main-window[lwtheme-brighttext] #browser-bottombox,
-#main-window[lwtheme-brighttext] #browser,
-#main-window[lwtheme-brighttext] browser,
-#main-window[lwtheme-brighttext] .browserContainer,
-#main-window[lwtheme-brighttext] #appcontent,
-#main-window[lwtheme-brighttext] #content,
-#main-window[lwtheme-brighttext] .browserStack,
-#main-window[lwtheme-brighttext] #high-priority-global-notificationbox,
-#main-window[lwtheme-brighttext] #global-notificationbox,
-#main-window[lwtheme-brighttext],
-toolbar[brighttext] #tab-view-deck,
-toolbar[brighttext] #browser-panel,
-toolbar[brighttext] #browser-bottombox,
-toolbar[brighttext] #browser,
-toolbar[brighttext] browser,
-toolbar[brighttext] .browserContainer,
-toolbar[brighttext] #appcontent,
-toolbar[brighttext] #content,
-toolbar[brighttext] .browserStack,
-toolbar[brighttext] #high-priority-global-notificationbox,
-toolbar[brighttext] #global-notificationbox,
-#main-window.firefox toolbar[brighttext] {
- background: #2b2b2b !important;
- background-color: #2b2b2b !important;
- background-image: none !important;
- border: none !important;
- border-color: #2b2b2b !important;
- box-shadow: none !important;
-}
-
-/* Restore icon legibility in dark chrome without touching the rest of the theme. */
-:root[data-theme="dark"] #nav-bar .toolbarbutton-icon,
-:root[data-theme="dark"] #nav-bar .toolbarbutton-menubutton-button > .toolbarbutton-icon,
-:root[data-theme="dark"] #nav-bar .toolbarbutton-badge-stack > .toolbarbutton-icon,
-:root[data-theme="dark"] #downloads-button > #downloads-indicator-anchor > #downloads-indicator-icon,
-:root[data-theme="dark"] #downloads-button > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-counter,
-:root[data-theme="dark"] #back-button > .toolbarbutton-icon,
-:root[data-theme="dark"] #forward-button > .toolbarbutton-icon,
-:root[data-theme="dark"] #urlbar-reload-button > .toolbarbutton-icon,
-:root[data-theme="dark"] #urlbar-stop-button > .toolbarbutton-icon,
-:root[data-theme="dark"] #PanelUI-menu-button > .toolbarbutton-icon,
-:root[data-theme="dark"] #nav-bar-overflow-button > .toolbarbutton-icon,
-:root[data-theme="dark"] #identity-icon,
-:root[data-theme="dark"] #tracking-protection-icon,
-:root[data-theme="dark"] #connection-icon,
-:root[data-theme="dark"] #default-notification-icon,
-:root[data-theme="dark"] #notification-popup-box .notification-anchor-icon,
-:root[data-theme="dark"] .tabs-newtab-button > .toolbarbutton-icon,
-:root[data-theme="dark"] #new-tab-button > .toolbarbutton-icon,
-:root[data-theme="dark"] #titlebar-min,
-:root[data-theme="dark"] #titlebar-max,
-:root[data-theme="dark"] #titlebar-restore,
-:root[data-theme="dark"] #titlebar-close,
-:root[data-theme="dark"] #minimize-button,
-:root[data-theme="dark"] #restore-button,
-:root[data-theme="dark"] #close-button {
- filter: invert(100%) brightness(1.12) !important;
-}
-
-#main-window[lwtheme-brighttext] #nav-bar .toolbarbutton-icon,
-#main-window[lwtheme-brighttext] #nav-bar .toolbarbutton-menubutton-button > .toolbarbutton-icon,
-#main-window[lwtheme-brighttext] #nav-bar .toolbarbutton-badge-stack > .toolbarbutton-icon,
-#main-window[lwtheme-brighttext] #downloads-button > #downloads-indicator-anchor > #downloads-indicator-icon,
-#main-window[lwtheme-brighttext] #downloads-button > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-counter,
-#main-window[lwtheme-brighttext] #back-button > .toolbarbutton-icon,
-#main-window[lwtheme-brighttext] #forward-button > .toolbarbutton-icon,
-#main-window[lwtheme-brighttext] #urlbar-reload-button > .toolbarbutton-icon,
-#main-window[lwtheme-brighttext] #urlbar-stop-button > .toolbarbutton-icon,
-#main-window[lwtheme-brighttext] #PanelUI-menu-button > .toolbarbutton-icon,
-#main-window[lwtheme-brighttext] #nav-bar-overflow-button > .toolbarbutton-icon,
-#main-window[lwtheme-brighttext] #identity-icon,
-#main-window[lwtheme-brighttext] #tracking-protection-icon,
-#main-window[lwtheme-brighttext] #connection-icon,
-#main-window[lwtheme-brighttext] #default-notification-icon,
-#main-window[lwtheme-brighttext] #notification-popup-box .notification-anchor-icon,
-#main-window[lwtheme-brighttext] .tabs-newtab-button > .toolbarbutton-icon,
-#main-window[lwtheme-brighttext] #new-tab-button > .toolbarbutton-icon,
-#main-window[lwtheme-brighttext] #titlebar-min,
-#main-window[lwtheme-brighttext] #titlebar-max,
-#main-window[lwtheme-brighttext] #titlebar-restore,
-#main-window[lwtheme-brighttext] #titlebar-close,
-#main-window[lwtheme-brighttext] #minimize-button,
-#main-window[lwtheme-brighttext] #restore-button,
-#main-window[lwtheme-brighttext] #close-button {
- filter: invert(100%) brightness(1.12) !important;
-}
-
-toolbar[brighttext] #identity-icon,
-toolbar[brighttext] #tracking-protection-icon,
-toolbar[brighttext] #connection-icon,
-toolbar[brighttext] #default-notification-icon,
-toolbar[brighttext] #notification-popup-box .notification-anchor-icon,
-toolbar[brighttext] #downloads-button > #downloads-indicator-anchor > #downloads-indicator-icon,
-toolbar[brighttext] #downloads-button > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-counter {
- filter: invert(100%) brightness(1.12) !important;
-}
-
-/* Remove content perimeter lines around webpages/internal pages. */
-#main-window #browser-border-start,
-#main-window #browser-border-end {
- display: none !important;
- width: 0 !important;
- min-width: 0 !important;
- background: transparent !important;
- border: none !important;
-}
-
-#main-window .tabbrowser-tabpanels,
-#main-window #content tabpanels,
-#main-window #appcontent browser,
-#main-window #content browser {
- -moz-appearance: none !important;
- border: none !important;
- border-color: transparent !important;
- box-shadow: none !important;
-}
-
-/* Keep native scrollbar metrics, only hint dark colors. */
-:root[data-theme="dark"],
-#main-window[lwtheme-brighttext],
-toolbar[brighttext] {
- scrollbar-color: #5a5a5a #2b2b2b;
-}
-
-:root[data-theme="dark"] scrollbar,
-:root[data-theme="dark"] slider,
-:root[data-theme="dark"] scrollcorner,
-#main-window[lwtheme-brighttext] scrollbar,
-#main-window[lwtheme-brighttext] slider,
-#main-window[lwtheme-brighttext] scrollcorner,
-toolbar[brighttext] scrollbar,
-toolbar[brighttext] slider,
-toolbar[brighttext] scrollcorner {
- background-image: none !important;
- background-color: #2b2b2b !important;
-}
-
-:root[data-theme="dark"] thumb,
-:root[data-theme="dark"] scrollbarbutton,
-#main-window[lwtheme-brighttext] thumb,
-#main-window[lwtheme-brighttext] scrollbarbutton,
-toolbar[brighttext] thumb,
-toolbar[brighttext] scrollbarbutton {
- background-color: #5a5a5a !important;
- border-color: #3f454c !important;
- -moz-border-top-colors: #4a5058 #3f454c !important;
- -moz-border-right-colors: #2f343a #262b30 !important;
- -moz-border-bottom-colors: #2f343a #262b30 !important;
- -moz-border-left-colors: #4a5058 #3f454c !important;
-}
-
-:root[data-theme="dark"] thumb:hover,
-:root[data-theme="dark"] scrollbarbutton:hover,
-#main-window[lwtheme-brighttext] thumb:hover,
-#main-window[lwtheme-brighttext] scrollbarbutton:hover,
-toolbar[brighttext] thumb:hover,
-toolbar[brighttext] scrollbarbutton:hover {
- background-color: #6a6a6a !important;
-}
-
-%ifdef XP_MACOSX
-/* Final macOS pass for Windows CSS port:
- * keep native-style top chrome geometry stable and controls visible. */
-#main-window > #titlebar,
-#main-window[tabsintitlebar] > #titlebar {
- min-height: 30px !important;
- height: 30px !important;
-}
-
-#main-window > #titlebar > #titlebar-content,
-#main-window[tabsintitlebar] > #titlebar > #titlebar-content {
- min-height: 30px !important;
- height: 30px !important;
-}
-
-#titlebar-buttonbox-container,
-#titlebar-buttonbox,
-#titlebar-min,
-#titlebar-max,
-#titlebar-close,
-#minimize-button,
-#restore-button,
-#close-button {
- display: -moz-box !important;
- visibility: visible !important;
-}
-
-#titlebar-buttonbox-container,
-#titlebar-buttonbox {
- margin: 0 !important;
- padding: 0 !important;
-}
-
-/* Keep custom titlebar, but render macOS traffic-light controls inside it. */
-#titlebar-buttonbox-container {
- -moz-box-ordinal-group: 0 !important;
- margin-left: 8px !important;
- margin-right: 0 !important;
- z-index: 20 !important;
-}
-
-#titlebar-buttonbox {
- -moz-box-align: center !important;
- min-height: 30px !important;
-}
-
-.titlebar-button,
-#titlebar-min,
-#titlebar-max,
-#titlebar-close,
-#minimize-button,
-#restore-button,
-#close-button {
- width: 12px !important;
- height: 12px !important;
- min-height: 12px !important;
- margin-top: 0 !important;
- margin-bottom: 0 !important;
- margin-left: 0 !important;
- margin-right: 6px !important;
- padding: 0 !important;
- border: none !important;
- border-radius: 50% !important;
- background-image: none !important;
- list-style-image: none !important;
- box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.15) !important;
-}
-
-/* Order buttons as macOS traffic lights: close, minimize, zoom. */
-#titlebar-close,
-#close-button {
- -moz-box-ordinal-group: 1 !important;
-}
-
-#titlebar-min,
-#minimize-button {
- -moz-box-ordinal-group: 2 !important;
-}
-
-#titlebar-max,
-#restore-button {
- -moz-box-ordinal-group: 3 !important;
-}
-
-#titlebar-min,
-#minimize-button {
- -moz-appearance: none !important;
- background-color: #febc2e !important;
-}
-
-#titlebar-max,
-#restore-button {
- -moz-appearance: none !important;
- background-color: #28c840 !important;
-}
-
-/* In maximized mode, Windows-specific selectors have higher specificity.
- * Re-assert fixed traffic-light sizing to prevent stretched green button. */
-#main-window[sizemode="maximized"] #titlebar-max,
-#main-window[sizemode="maximized"] #restore-button {
- width: 12px !important;
- height: 12px !important;
- min-height: 12px !important;
- border-radius: 50% !important;
- background-color: #28c840 !important;
-}
-
-#titlebar-close,
-#close-button {
- -moz-appearance: none !important;
- background-color: #ff5f57 !important;
-}
-
-/* Dark mode traffic light colors */
-#main-window[lwtheme-brighttext] #titlebar-min,
-#main-window[lwtheme-brighttext] #minimize-button,
-:root[data-theme="dark"] #titlebar-min,
-:root[data-theme="dark"] #minimize-button {
- background-color: #ffbd44 !important;
-}
-
-#main-window[lwtheme-brighttext] #titlebar-max,
-#main-window[lwtheme-brighttext] #restore-button,
-:root[data-theme="dark"] #titlebar-max,
-:root[data-theme="dark"] #restore-button {
- background-color: #00ca4e !important;
-}
-
-#main-window[sizemode="maximized"][lwtheme-brighttext] #titlebar-max,
-#main-window[sizemode="maximized"][lwtheme-brighttext] #restore-button,
-#main-window[sizemode="maximized"]:root[data-theme="dark"] #titlebar-max,
-#main-window[sizemode="maximized"]:root[data-theme="dark"] #restore-button {
- background-color: #00ca4e !important;
-}
-
-#main-window[lwtheme-brighttext] #titlebar-close,
-#main-window[lwtheme-brighttext] #close-button,
-:root[data-theme="dark"] #titlebar-close,
-:root[data-theme="dark"] #close-button {
- background-color: #ff605c !important;
-}
-
-#main-window[sizemode="normal"] #TabsToolbar,
-#main-window[sizemode="maximized"] #TabsToolbar,
-#main-window[tabsintitlebar] #toolbar-menubar ~ #TabsToolbar,
-#main-window[tabsintitlebar][sizemode="normal"] #toolbar-menubar[autohide="true"][inactive] ~ #TabsToolbar {
- margin-top: 0 !important;
- margin-left: 0 !important;
- margin-bottom: 0 !important;
- padding-top: 0 !important;
- padding-inline-start: 76px !important;
-}
-
-/* Neutralize Windows tabs-in-titlebar top offsets on macOS. */
-#toolbar-menubar:not([autohide=true]) ~ #TabsToolbar:not([inFullscreen]),
-#toolbar-menubar[autohide=true]:not([inactive]) ~ #TabsToolbar:not([inFullscreen]),
-#main-window[tabsintitlebar][sizemode="normal"]:not([inFullscreen])[chromehidden~="menubar"] #toolbar-menubar ~ #TabsToolbar,
-#main-window[tabsintitlebar][sizemode="normal"]:not([inFullscreen]) #toolbar-menubar[autohide="true"][inactive] ~ #TabsToolbar {
- margin-top: 0 !important;
-}
-
-:root {
- --space-above-tabbar: 0px !important;
- --tab-toolbar-navbar-overlap: 0px !important;
-}
-
-#main-window[tabsintitlebar] #TabsToolbar {
- min-height: 30px !important;
-}
-
-/* Keep the macOS tabstrip anchored; remove Windows floating offsets. */
-#main-window[tabsintitlebar] #tabbrowser-tabs,
-#main-window[tabsintitlebar] .tabbrowser-tab,
-#main-window[tabsintitlebar] .tabbrowser-tab > .tab-stack {
- margin-top: 0 !important;
- margin-bottom: 0 !important;
- padding-top: 0 !important;
-}
-
-#main-window[tabsintitlebar]:not([sizemode=fullscreen]) #tabbrowser-tabs {
- position: static !important;
- z-index: auto !important;
-}
-
-@media (prefers-color-scheme: dark) {
- #main-window > #titlebar,
- #main-window[tabsintitlebar] > #titlebar,
- #main-window > #titlebar > #titlebar-content,
- #main-window[tabsintitlebar] > #titlebar > #titlebar-content,
- #main-window[tabsintitlebar] #TabsToolbar,
- #main-window #toolbar-menubar,
- #main-window #navigator-toolbox {
- -moz-appearance: none !important;
- background-image: none !important;
- background-color: #2b2b2b !important;
- color: #e6e6e6 !important;
- border-color: #2b2b2b !important;
- }
-}
-
-/* Ensure webpage content uses the full client area on macOS. */
-#main-window > #tab-view-deck,
-#main-window > #tab-view-deck > #browser-panel,
-#main-window #appcontent,
-#main-window #content,
-#main-window .browserContainer,
-#main-window .browserStack,
-#main-window .tabbrowser-tabpanels,
-#main-window #content browser,
-#main-window #appcontent browser,
-#main-window browser {
- margin: 0 !important;
- padding: 0 !important;
- border: none !important;
- box-shadow: none !important;
- -moz-appearance: none !important;
-}
-
-#main-window > #tab-view-deck,
-#main-window > #tab-view-deck > #browser-panel,
-#main-window #appcontent,
-#main-window .browserStack,
-#main-window .tabbrowser-tabpanels {
- -moz-box-flex: 1 !important;
-}
-
-/* SVG color adjustment for dark mode. */
-#main-window[lwtheme-brighttext] #PanelUI-popup svg,
-#main-window[lwtheme-brighttext] .panel-arrow svg,
-#main-window[lwtheme-brighttext] panelview svg,
-:root[data-theme="dark"] #PanelUI-popup svg,
-:root[data-theme="dark"] .panel-arrow svg,
-:root[data-theme="dark"] panelview svg {
- fill: currentColor !important;
- filter: invert(100%) !important;
-}
-
-/* Ensure panel backgrounds are appropriate for theme. */
-#main-window[lwtheme-brighttext] .panel-white,
-:root[data-theme="dark"] .panel-white {
- background-color: #2a2a2a !important;
-}
-%endif
-
-}
Reference in a new issue Copy permalink