diff --git a/arch-config/.mozilla/firefox/default-release/chrome/LEPTON b/arch-config/.mozilla/firefox/default-release/chrome/LEPTON
index 993d0079..05ea1ffb 100644
--- a/arch-config/.mozilla/firefox/default-release/chrome/LEPTON
+++ b/arch-config/.mozilla/firefox/default-release/chrome/LEPTON
@@ -1,3 +1,3 @@
[Info]
-Ver=v6.5.0
+Ver=v7.1.1
Branch=photon-style
diff --git a/arch-config/.mozilla/firefox/default-release/chrome/css/leptonChrome.css b/arch-config/.mozilla/firefox/default-release/chrome/css/leptonChrome.css
index 376d2a32..51af43ea 100644
--- a/arch-config/.mozilla/firefox/default-release/chrome/css/leptonChrome.css
+++ b/arch-config/.mozilla/firefox/default-release/chrome/css/leptonChrome.css
@@ -1,3 +1,4 @@
+@charset "UTF-8";
@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
@namespace html "http://www.w3.org/1999/xhtml";
/** Default Theme - Contrast **************************************************/
@@ -48,6 +49,12 @@
#widget-overflow-mainView #zoom-in-button > .toolbarbutton-icon {
padding-inline-start: 0px !important;
}
+ /*= Subview button, Menu's right padding #597 ================================*/
+ .subviewbutton.toolbaritem-combined-buttons:not([shortcut]),
+ .subviewbutton.subviewbutton-nav:not([shortcut]),
+ menu.subviewbutton {
+ padding-inline-end: 0 !important;
+ }
/*= Icon Fill Color ==========================================================*/
:root:-moz-lwtheme {
/* Auto create --lwt-toolbarbutton-icon-fill-attention, fix for nightly default theme
@@ -90,7 +97,8 @@
}
}
/*= Tab Separator Color ======================================================*/
- #TabsToolbar {
+ #TabsToolbar,
+ #nav-bar {
--toolbarseparator-color: color-mix(in srgb, currentColor 20%, transparent); /* 60% at v105 */
}
/*= Light Weight Theme =======================================================*/
@@ -118,8 +126,8 @@
}
/* Navbar Border */
#navigator-toolbox:-moz-lwtheme {
- --tabs-border-color: rgba(0, 0, 0, 0.3); /* Legacy: v96 */
- --lwt-tabs-border-color: rgba(0, 0, 0, 0.3);
+ --tabs-border-color: rgba(0, 0, 0, 0.4); /* Legacy: v96, (0, 0, 0, 0.3) -> (0, 0, 0, 0.4) */
+ --lwt-tabs-border-color: rgba(0, 0, 0, 0.4);
}
/*= Findbar Border Color =====================================================*/
html|input.findbar-textbox {
@@ -177,6 +185,13 @@
padding-inline-start: var(--tab-overflow-pinned-tabs-width) !important;
margin-inline-start: 0 !important;
}
+ @supports -moz-bool-pref("userChrome.tab.static_separator") {
+ #tabbrowser-tabs {
+ border-inline-start: none !important;
+ padding-inline-start: var(--tab-overflow-pinned-tabs-width) !important;
+ margin-inline-start: 0 !important;
+ }
+ }
}
/*= OS - Compatibility =======================================================*/
@supports -moz-bool-pref("userChrome.compatibility.os") {
@@ -264,25 +279,27 @@
}
}
@media (-moz-os-version: windows-win7), (-moz-platform: windows-win7) {
- menu[_moz-menuactive="true"],
- menuitem[_moz-menuactive="true"] {
- background-color: color-mix(in srgb, -moz-menuhover 5%, transparent) !important;
- border-color: color-mix(in srgb, -moz-menuhover 60%, transparent) !important;
- }
- menu[_moz-menuactive="true"][disabled="true"],
- menuitem[_moz-menuactive="true"][disabled="true"] {
- background-color: color-mix(in srgb, currentColor 5%, transparent) !important;
- border-color: color-mix(in srgb, currentColor 60%, transparent) !important;
- }
- /* Remove text shadow */
- :root:-moz-lwtheme #toolbar-menubar {
- text-shadow: unset !important;
- /* Original: 0 0 .5em white, 0 0 .5em white, 0 1px 0 rgba(255, 255, 255, .4) */
- }
- /* Remove Color */
- :root:-moz-lwtheme #main-menubar:not(:-moz-window-inactive) {
- background-color: unset !important; /* Original: rgba(255, 255, 255, .5) */
- color: unset !important; /* Original: black */
+ @media (-moz-windows-classic: 0) {
+ menu[_moz-menuactive="true"],
+ menuitem[_moz-menuactive="true"] {
+ background-color: color-mix(in srgb, -moz-menuhover 5%, transparent) !important;
+ border-color: color-mix(in srgb, -moz-menuhover 60%, transparent) !important;
+ }
+ menu[_moz-menuactive="true"][disabled="true"],
+ menuitem[_moz-menuactive="true"][disabled="true"] {
+ background-color: color-mix(in srgb, currentColor 5%, transparent) !important;
+ border-color: color-mix(in srgb, currentColor 60%, transparent) !important;
+ }
+ /* Remove text shadow */
+ :root:-moz-lwtheme #toolbar-menubar {
+ text-shadow: unset !important;
+ /* Original: 0 0 .5em white, 0 0 .5em white, 0 1px 0 rgba(255, 255, 255, .4) */
+ }
+ /* Remove Color */
+ :root:-moz-lwtheme #main-menubar:not(:-moz-window-inactive) {
+ background-color: unset !important; /* Original: rgba(255, 255, 255, .5) */
+ color: unset !important; /* Original: black */
+ }
}
}
@media (-moz-os-version: windows-win8), (-moz-platform: windows-win8) {
@@ -297,6 +314,25 @@
border-color: color-mix(in srgb, currentColor 80%, transparent) !important;
}
}
+ /*= Windows 10 - Native Menu Active Color =====================================*/
+ @media (-moz-os-version: windows-win10), (-moz-platform: windows-win10) {
+ @media not (-moz-windows-non-native-menus) {
+ menupopup:is(#historyMenuPopup, #bookmarksMenuPopup) menu[_moz-menuactive="true"],
+ menupopup:is(#historyMenuPopup, #bookmarksMenuPopup) menuitem[_moz-menuactive="true"],
+ menupopup:not([placespopup="true"]) menu[_moz-menuactive="true"],
+ menupopup:not([placespopup="true"]) menuitem[_moz-menuactive="true"] {
+ background-color: #91c9f7 !important;
+ border-color: transparent !important;
+ }
+ menupopup:is(#historyMenuPopup, #bookmarksMenuPopup) menu[_moz-menuactive="true"][disabled="true"],
+ menupopup:is(#historyMenuPopup, #bookmarksMenuPopup) menuitem[_moz-menuactive="true"][disabled="true"],
+ menupopup:not([placespopup="true"]) menu[_moz-menuactive="true"][disabled="true"],
+ menupopup:not([placespopup="true"]) menuitem[_moz-menuactive="true"][disabled="true"] {
+ background-color: color-mix(in srgb, currentColor 9%, transparent) !important;
+ border-color: transparent !important;
+ }
+ }
+ }
@media (-moz-gtk-csd-available) {
/*= Linux - Global Menubar Active Color ====================================*/
#main-menubar > menu[open="true"],
@@ -1293,8 +1329,9 @@
--panel-background: var(--menu-background-color) !important;
--panel-border-color: var(--menu-border-color) !important;
}
- html#main-window menupopup:not(.in-menulist) menuseparator {
- border-top: 1px solid var(--menu-border-color);
+ html#main-window menupopup:not(.in-menulist):not([placespopup]) menuseparator,
+ html#main-window menupopup:not(.in-menulist)[placespopup] menuseparator::before {
+ border-top: 1px solid var(--menu-border-color) !important;
}
html#main-window menupopup:not(.in-menulist) menu[disabled="true"],
html#main-window menupopup:not(.in-menulist) menu[_moz-menuactive="true"][disabled="true"],
@@ -1437,7 +1474,6 @@
appearance: none !important;
padding: 5px 8px !important;
border: 1px solid var(--input-bgcolor) !important;
- border-radius: 4px;
background-color: var(--lwt-sidebar-background-color, Field) !important;
color: var(--lwt-sidebar-text-color, FieldText) !important;
}
@@ -1601,13 +1637,7 @@
/*= Proton Theme Mode ========================================================*/
@supports -moz-bool-pref("userChrome.theme.proton_chrome") {
/*= Proton Commons ===========================================================*/
- @-moz-document url("chrome://global/content/commonDialog.xhtml"),
- url("chrome://pippki/content/editcacert.xhtml"),
- url("chrome://pippki/content/deletecert.xhtml"),
- url("chrome://pippki/content/exceptionDialog.xhtml"),
- url("chrome://mozapps/content/downloads/unknownContentType.xhtml"),
- url("chrome://global/content/appPicker.xhtml"),
- url("chrome://browser/content/pageinfo/pageInfo.xhtml")
+ @-moz-document url("chrome://global/content/commonDialog.xhtml"), url("chrome://pippki/content/editcacert.xhtml"), url("chrome://pippki/content/deletecert.xhtml"), url("chrome://pippki/content/exceptionDialog.xhtml"), url("chrome://mozapps/content/downloads/unknownContentType.xhtml"), url("chrome://global/content/appPicker.xhtml"), url("chrome://browser/content/pageinfo/pageInfo.xhtml")
{
/*- Overwrite --------------------------------------------------------------*/
@media (-moz-toolbar-prefers-color-scheme: dark), (prefers-color-scheme: dark) {
@@ -2173,8 +2203,7 @@
border: 1px solid var(--in-content-table-border-color) !important;
border-radius: 4px !important;
}
- }
- /*= Cert Exception Dialog ====================================================*/
+ } /*= Cert Exception Dialog ====================================================*/
@-moz-document url("chrome://pippki/content/exceptionDialog.xhtml")
{
#locationTextBox {
@@ -2221,7 +2250,6 @@
--in-content-border-color: color-mix(in srgb, currentColor 41%, transparent) !important;
}
#viewGroup > radio {
- border-radius: 8px !important;
padding: var(--in-content-button-vertical-padding) var(--in-content-button-horizontal-padding) !important;
margin: 4px !important;
list-style-image: none !important;
@@ -2233,6 +2261,11 @@
fill: currentColor !important;
color: var(--in-content-deemphasized-text) !important; /* FieldText */
}
+ @supports not -moz-bool-pref("userChrome.rounding.square_button") {
+ #viewGroup > radio {
+ border-radius: 8px !important;
+ }
+ }
#viewGroup > radio:hover {
background-color: var(--in-content-button-background-hover) !important; /* #E0E8F6; */
}
@@ -2419,6 +2452,11 @@
padding: 5px !important;
border-radius: 4px !important;
}
+ @supports -moz-bool-pref("userChrome.rounding.square_button") {
+ #placesToolbar > toolbarbutton {
+ border-radius: 0 !important;
+ }
+ }
#placesToolbar > toolbarbutton[disabled] {
opacity: 0.6 !important;
}
@@ -2441,11 +2479,16 @@
#placesMenu > menu {
appearance: none !important;
color: var(--organizer-color) !important;
- border-radius: 4px !important;
padding-block: 5px !important;
padding-inline-start: 5px !important;
+ border-radius: 4px !important;
margin-inline-end: 2px !important;
}
+ @supports -moz-bool-pref("userChrome.rounding.square_button") {
+ #placesMenu > menu {
+ border-radius: 0 !important;
+ }
+ }
#placesMenu > menu[_moz-menuactive="true"],
#placesMenu > menu:hover {
background-color: var(--organizer-hover-background) !important;
@@ -2472,6 +2515,12 @@
padding-block: 2px !important;
min-height: 24px !important;
}
+ @supports -moz-bool-pref("userChrome.rounding.square_field") {
+ #searchFilter,
+ #detailsPane html|input {
+ border-radius: 0 !important;
+ }
+ }
#searchFilter[focused] {
box-shadow: var(--organizer-toolbar-field-focus-box-shadow) !important;
background-color: var(--organizer-toolbar-field-background-focused) !important;
@@ -2613,6 +2662,12 @@
-moz-context-properties: fill !important;
fill: currentColor !important;
}
+ @supports -moz-bool-pref("userChrome.rounding.square_button") {
+ #editBookmarkPanelRows .expander-up,
+ #editBookmarkPanelRows .expander-down {
+ border-radius: 0 !important;
+ }
+ }
#editBookmarkPanelRows .expander-up:hover,
#editBookmarkPanelRows .expander-down:hover {
background-color: var(--organizer-hover-background) !important;
@@ -2646,6 +2701,11 @@
min-height: 20px !important;
padding-inline: 4px !important;
}
+ @supports -moz-bool-pref("userChrome.rounding.square_field") {
+ #places input {
+ border-radius: 0 !important;
+ }
+ }
#places input:focus {
outline: 2px solid var(--organizer-outline-color) !important;
outline-offset: -1px !important;
@@ -2664,6 +2724,11 @@
border: 1px solid var(--organizer-border-color) !important;
border-radius: 4px !important;
}
+ @supports -moz-bool-pref("userChrome.rounding.square_field") {
+ #editBMPanel_tagsSelectorRow > richlistbox {
+ border-radius: 0 !important;
+ }
+ }
#editBMPanel_tagsSelectorRow > richlistbox > richlistitem {
border: 1px solid transparent !important;
}
@@ -2712,15 +2777,47 @@
#identity-popup-clear-sitedata-button,
#identity-popup-more-info,
#unified-extensions-manage-extensions,
- .unified-extensions-item-open-menu {
+ .unified-extensions-item-open-menu,
+ .unified-extensions-item-menu-button.subviewbutton {
cursor: pointer !important;
}
- /* TODO: For now, fxa-menu doesn't show any status.
- (JS required, observe .syncNowBtn status)
- #PanelUI-fxa-menu-syncnow-button[syncstatus="active"] {
- cursor: progress !important;
- }
- */
+}
+/*= Panel UI Button Separator ================================================*/
+@supports -moz-bool-pref("userChrome.decoration.panel_button_separator") {
+ :root:not([chromehidden~="toolbar"]) #PanelUI-button {
+ margin-inline-start: 3px;
+ padding-inline-start: 2px;
+ border-inline-start: 1px solid;
+ border-image: linear-gradient(
+ transparent 4px,
+ var(--toolbarseparator-color) 4px,
+ var(--toolbarseparator-color) calc(100% - 4px),
+ transparent calc(100% - 4px)
+ );
+ border-image-slice: 1;
+ }
+}
+/*= Panel UI Arrow ===========================================================*/
+@supports -moz-bool-pref("userChrome.decoration.panel_arrow") {
+ #appMenu-popup {
+ background-image: url("../icons/panelarrow-vertical.svg");
+ background-repeat: no-repeat;
+ background-position-x: right 10px;
+ background-position-y: top;
+ -moz-context-properties: fill, stroke;
+ fill: var(--panel-background);
+ stroke: var(--panel-border-color);
+ }
+ #appMenu-popup[side="top"] {
+ margin-top: -8px !important; /* Original: -4px */
+ padding-top: 4px;
+ }
+ #appMenu-popup[side="bottom"] {
+ background-image: url("../icons/panelarrow-vertical-reverse.svg");
+ background-position-y: bottom;
+ margin-bottom: -8px !important; /* Original: -4px */
+ padding-bottom: 4px;
+ }
}
@media (prefers-reduced-motion: no-preference) {
/*= Field Border ===========================================================*/
@@ -2730,6 +2827,15 @@
#searchbar:hover:not(:focus-within) {
--toolbar-field-border-color: var(--toolbar-field-focus-border-color);
}
+ @supports -moz-bool-pref("userChrome.combined.urlbar_with_reload") {
+ #nav-bar-customization-target
+ > #stop-reload-button:hover
+ ~ #urlbar-container
+ #urlbar:not([focused="true"])
+ > #urlbar-background {
+ --toolbar-field-border-color: var(--toolbar-field-focus-border-color);
+ }
+ }
/*- Other Fields -----------------------------------------------------------*/
/* Sidebar */
.sidebar-panel[lwt-sidebar] #search-box:hover,
@@ -2860,6 +2966,14 @@
#page-action-buttons > .urlbar-page-action:hover {
transition: background-color 1.25s var(--animation-easing-function) !important;
}
+ @supports -moz-bool-pref("userChrome.combined.urlbar_with_reload") {
+ #nav-bar-customization-target > #stop-reload-button .toolbarbutton-icon {
+ transition: background-color 2.5s var(--animation-easing-function) !important;
+ }
+ #nav-bar-customization-target > #stop-reload-button .toolbarbutton-icon:hover {
+ transition: background-color 1.25s var(--animation-easing-function) !important;
+ }
+ }
/*- Border - Other Fields --------------------------------------------------*/
#search-box,
xul|search-textbox.tabsFilter,
@@ -2979,20 +3093,39 @@
}
@supports -moz-bool-pref("userChrome.rounding.square_button") {
:root {
- --toolbarbutton-border-radius: 0 !important; /* Original: 4px */
+ --urlbar-icon-border-radius: 0 !important; /* Original: calc(var(--toolbarbutton-border-radius) - 1px); */
+ }
+ .toolbarbutton-1,
+ .toolbarbutton-icon,
+ .panel-info-button,
+ .searchbar-engine-one-off-item,
+ .urlbarView-button,
+ .urlbarView-tip-button,
+ .urlbarView-action,
+ toolbarbutton.bookmark-item:not(.subviewbutton),
+ #sidebar-switcher-target {
+ --toolbarbutton-border-radius: 0; /* Original: 4px */
}
button,
- findbar toolbarbutton {
+ .close-icon,
+ input[type="number"].photon-number::-moz-number-spin-box,
+ .toggle-group-label,
+ findbar toolbarbutton,
+ .notification-button,
+ #main-menubar > menu {
border-radius: 0 !important;
}
}
-@supports -moz-bool-pref("userChrome.rounding.square_tab") or -moz-bool-pref("userChrome.round.square_button") {
+@supports -moz-bool-pref("userChrome.rounding.square_tab") or -moz-bool-pref("userChrome.rounding.square_button") {
/* Fix Tab bar button radius */
- #TabsToolbar .toolbarbutton-1:not(#tabs-newtab-button) > .toolbarbutton-icon,
- #TabsToolbar .toolbarbutton-1:not(#tabs-newtab-button) > .toolbarbutton-text,
- #TabsToolbar .toolbarbutton-1:not(#tabs-newtab-button) > .toolbarbutton-badge-stack,
+ #TabsToolbar .toolbarbutton-1:not(#tabs-newtab-button),
.tab-close-button {
- --tab-border-radius: var(--toolbarbutton-border-radius) !important;
+ --tab-border-radius: var(--toolbarbutton-border-radius);
+ }
+}
+@supports -moz-bool-pref("userChrome.rounding.square_dialog") {
+ .dialogBox {
+ border-radius: 0 !important;
}
}
@supports -moz-bool-pref("userChrome.rounding.square_panel") {
@@ -3007,7 +3140,7 @@
}
}
@supports -moz-bool-pref("userChrome.rounding.square_menupopup") {
- xul|menupopup {
+ menupopup {
--panel-border-radius: 0px !important;
border-radius: 0 !important;
}
@@ -3020,20 +3153,48 @@
}
}
@supports -moz-bool-pref("userChrome.rounding.square_field") {
- html|select[size][multiple],
- xul|listheader,
- xul|richlistbox,
- html|input {
+ input:is([type="color"], [type="email"], [type="tel"], [type="text"], [type="password"], [type="url"], [type="number"]),
+ textarea,
+ select,
+ menulist,
+ tree,
+ treecols,
+ listheader,
+ richlistbox,
+ search-textbox,
+ .subviewradio {
border-radius: 0 !important;
}
+ #urlbar-input-container,
#urlbar-background,
#searchbar {
--toolbarbutton-border-radius: 0;
}
}
+@supports -moz-bool-pref("userChrome.rounding.square_urlView_item") {
+ .urlbarView-row-inner {
+ --toolbarbutton-border-radius: 0;
+ }
+}
@supports -moz-bool-pref("userChrome.rounding.square_checklabel") {
- .checkbox-check,
- xul|*.radio-check {
+ input[type="checkbox"],
+ .checkbox-check {
+ border-radius: 0 !important;
+ }
+}
+/*= Library ==============================================================*/
+@supports -moz-bool-pref("userChrome.rounding.square_button") {
+ #placesToolbar > toolbarbutton,
+ #placesMenu > menu,
+ #editBookmarkPanelRows .expander-up,
+ #editBookmarkPanelRows .expander-down {
+ border-radius: 0 !important;
+ }
+}
+@supports -moz-bool-pref("userChrome.rounding.square_field") {
+ #searchFilter,
+ #detailsPane html|input,
+ #places input #editBMPanel_tagsSelectorRow > richlistbox {
border-radius: 0 !important;
}
}
@@ -3209,8 +3370,10 @@
padding-inline: 1px !important;
}
}
- #TabsToolbar:not([multibar]) .tabbrowser-tab:not([last-visible-tab]) {
- margin-inline-end: -1px !important;
+ @supports not -moz-bool-pref("userChrome.tabbar.multi_row") {
+ #TabsToolbar:not([multibar]) .tabbrowser-tab:not(:last-of-type) {
+ margin-inline-end: -1px !important;
+ }
}
}
@supports -moz-bool-pref("userChrome.tab.photon_like_padding") {
@@ -3345,20 +3508,22 @@
(var(--tab-min-height) - 18px) / 2
) !important; /* Prevent overflow pinned tab bottom margin */
}
- :root:not([uidensity="compact"]) #TabsToolbar:not([multibar]) #tabbrowser-arrowscrollbox,
- #TabsToolbar:not([multibar]) #tabbrowser-arrowscrollbox[overflowing="true"] > .tabbrowser-tab[pinned="true"],
- #TabsToolbar:not([multibar])
- #tabbrowser-arrowscrollbox[overflowing="true"]
- > .tabbrowser-tab[pinned="true"]
- .tab-stack,
- #TabsToolbar:not([multibar])
- #tabbrowser-arrowscrollbox[overflowing="true"]
- > .tabbrowser-tab[pinned="true"]
- .tab-content {
- max-height: var(--tab-min-height) !important; /* Force apply height */
- }
- :root[uidensity="compact"] #TabsToolbar:not([multibar]) #tabbrowser-arrowscrollbox {
- height: var(--tab-min-height) !important;
+ @supports not -moz-bool-pref("userChrome.tabbar.multi_row") {
+ :root:not([uidensity="compact"]) #TabsToolbar:not([multibar]) #tabbrowser-arrowscrollbox,
+ #TabsToolbar:not([multibar]) #tabbrowser-arrowscrollbox[overflowing="true"] > .tabbrowser-tab[pinned="true"],
+ #TabsToolbar:not([multibar])
+ #tabbrowser-arrowscrollbox[overflowing="true"]
+ > .tabbrowser-tab[pinned="true"]
+ .tab-stack,
+ #TabsToolbar:not([multibar])
+ #tabbrowser-arrowscrollbox[overflowing="true"]
+ > .tabbrowser-tab[pinned="true"]
+ .tab-content {
+ max-height: var(--tab-min-height) !important; /* Force apply height */
+ }
+ :root[uidensity="compact"] #TabsToolbar:not([multibar]) #tabbrowser-arrowscrollbox {
+ height: var(--tab-min-height) !important;
+ }
}
}
/* Scroll Button - Size Fix */
@@ -3386,10 +3551,29 @@
}
}
/*= Tool Bar - Button Padding ================================================*/
+@supports -moz-bool-pref("userChrome.padding.toolbar_button") or -moz-bool-pref("userChrome.tab.newtab_button_smaller") {
+ :root {
+ --uc-small-toolbarbutton-inner-padding: 6px;
+ --uc-toolbarbutton-inner-padding-default: 8px;
+ }
+ :root[uidensity="compact"] {
+ --uc-small-toolbarbutton-inner-padding: 4px;
+ --uc-toolbarbutton-inner-padding-default: 6px;
+ }
+ :root[uidensity="touch"] #tabs-newtab-button > .toolbarbutton-icon {
+ --uc-small-toolbarbutton-inner-padding: 9px;
+ --uc-toolbarbutton-inner-padding-default: 9px;
+ }
+}
@supports -moz-bool-pref("userChrome.padding.toolbar_button") {
:root[uidensity="compact"] {
--toolbarbutton-outer-padding: 2px !important; /* Original: 3px, General is 2px */
}
+ @supports -moz-bool-pref("userChrome.padding.toolbar_button.compact") {
+ :root {
+ --toolbarbutton-inner-padding: var(--uc-small-toolbarbutton-inner-padding) !important;
+ }
+ }
}
/*= Nav Bar - Reduce Width ===================================================*/
@supports -moz-bool-pref("userChrome.padding.navbar_width") {
@@ -3399,31 +3583,32 @@
}
}
/*= URL Bar - Reduce Padding =================================================*/
-@supports -moz-bool-pref("userChrome.padding.urlbar") {
- :root:not([uidensity="touch"]) #urlbar-container,
- :root:not([uidensity="touch"]) #search-container {
- padding-block: 3px !important; /* Original: 4px */
- margin-inline: 5px !important; /* Original: 5px */
- }
- :root:not([uidensity="compact"]) #urlbar-container,
- :root:not([uidensity="compact"]) #search-container {
- padding-block: 2px !important;
- }
- /* spread menu */
- :root:not([uidensity]) .urlbarView-row {
- padding-block: 1px !important; /* Original: 2px */
- }
- :root[uidensity="compact"] .urlbarView-row {
- padding-block: 0px !important;
- }
- :root:not([uidensity]) #urlbar .search-one-offs:not([hidden]) {
- padding-block: 8px !important; /* Original: 10px */
- }
- :root[uidensity="compact"] #urlbar .search-one-offs:not([hidden]) {
- padding-block: 2px !important;
+@supports not -moz-bool-pref("userChrome.urlView.as_commandbar") {
+ @supports -moz-bool-pref("userChrome.padding.urlbar") {
+ :root:not([uidensity="touch"]) #urlbar-container,
+ :root:not([uidensity="touch"]) #search-container {
+ padding-block: 3px !important; /* Original: 4px */
+ }
+ :root:not([uidensity="compact"]) #urlbar-container,
+ :root:not([uidensity="compact"]) #search-container {
+ padding-block: 2px !important;
+ }
+ /* spread menu */
+ :root:not([uidensity]) .urlbarView-row {
+ padding-block: 1px !important; /* Original: 2px */
+ }
+ :root[uidensity="compact"] .urlbarView-row {
+ padding-block: 0px !important;
+ }
+ :root:not([uidensity]) #urlbar .search-one-offs:not([hidden]) {
+ padding-block: 8px !important; /* Original: 10px */
+ }
+ :root[uidensity="compact"] #urlbar .search-one-offs:not([hidden]) {
+ padding-block: 2px !important;
+ }
}
}
-@supports -moz-bool-pref("userChrome.padding.urlView_expanding") {
+@supports -moz-bool-pref("userChrome.padding.urlView_expanding") or -moz-bool-pref("userChrome.urlView.as_commandbar") {
#urlbar[breakout][breakout-extend] {
top: calc((var(--urlbar-toolbar-height) - var(--urlbar-height)) / 2) !important;
left: 0 !important;
@@ -3434,6 +3619,8 @@
padding-block: 0 !important;
padding-inline: var(--urlbar-container-padding, 0px) !important;
}
+}
+@supports -moz-bool-pref("userChrome.padding.urlView_expanding") {
#urlbar[breakout][breakout-extend] > #urlbar-background {
animation-name: none !important;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05) !important;
@@ -3452,6 +3639,7 @@
@supports -moz-bool-pref("userChrome.padding.bookmarkbar") {
:root[uidensity="compact"] #PersonalToolbar toolbarbutton {
margin-top: 0px !important; /* Original: 2px */
+ margin-bottom: 1px !important;
}
}
/*= Info Bar - Reduce Padding ================================================*/
@@ -3494,7 +3682,7 @@
display: block;
width: 2px;
position: absolute;
- background-image: linear-gradient(0, #9059ff 0%, #ff4aa2 52.08%, #ffbd4f 100%);
+ background-image: linear-gradient(0deg, #9059ff 0%, #ff4aa2 52.08%, #ffbd4f 100%);
top: 0;
inset-inline-start: 0;
height: 100%;
@@ -3635,13 +3823,16 @@
/*= Panel - Reduce padding ===================================================*/
@supports -moz-bool-pref("userChrome.padding.panel") {
:root {
- --arrowpanel-menuitem-margin: 0 var(--arrowpanel-menuicon-padding, 8px) !important; /* Original: 0 8px */
+ --arrowpanel-menuitem-margin-block: 0; /* FF 102 compatibility */
+ --arrowpanel-menuitem-margin-inline: 8px;
+ --arrowpanel-menuitem-margin: var(--arrowpanel-menuitem-margin-block) var(--arrowpanel-menuitem-margin-inline) !important; /* Original: 0 8px */
--arrowpanel-menuitem-padding-block: 5px !important; /* Original: 8px */
--arrowpanel-menuitem-padding-inline: 5px !important; /* Original: 8px */
--arrowpanel-menuitem-padding: var(--arrowpanel-menuitem-padding-block) var(--arrowpanel-menuitem-padding-inline) !important; /* Compatibility */
--arrowpanel-padding: 0.8em !important; /* Original: 16px or .cui-widget-panel, .cui-widget-panel::part(arrowcontent) => 4px 0 */
}
:root[uidensity="compact"] {
+ --arrowpanel-menuitem-margin-inline: 4px; /* FF 102 compatibility */
--arrowpanel-menuitem-padding-block: 3px !important;
--arrowpanel-menuitem-padding-inline: 3px !important;
}
@@ -3649,6 +3840,9 @@
--arrowpanel-menuitem-padding-block: 8px !important; /* Original: 8px */
--arrowpanel-menuitem-padding-inline: 8px !important; /* Original: 8px */
}
+ .all-tabs-item {
+ margin: var(--arrowpanel-menuitem-margin) !important;
+ }
@supports not -moz-bool-pref("userChrome.icon.disabled") {
@supports not -moz-bool-pref("userChrome.icon.panel") {
.subviewbutton {
@@ -3656,6 +3850,9 @@
}
}
}
+ .unified-extensions-item-menu-button.subviewbutton {
+ padding: 8px !important; /* Original: var(--arrowpanel-menuitem-padding-inline) */
+ }
}
@supports -moz-bool-pref("userChrome.padding.panel_header") {
.panel-header {
@@ -3679,37 +3876,32 @@
height: unset !important;
}
/** Popup panel - Compact mode */
- /* Footer Button Height */
- :root[uidensity="compact"] .panel-footer.panel-footer-menulike > button {
- padding: 3px 8px !important;
+ :root[uidensity="compact"] #protections-popup-content {
+ margin-block: 0 !important;
}
- /* Footer Button Height */
- :root[uidensity="compact"] #protections-popup-trackersView-settings-button {
- margin: 4px 8px 0 !important;
- }
- /* not cut off for Protection popup Footer on windows */
:root[uidensity="compact"] #protections-popup-multiView #protections-popup-footer {
- padding: 0 !important;
+ padding-block-start: 0 !important;
+ padding-block-end: 4px !important;
}
- /* Button and disabled category in Protection popup */
:root[uidensity="compact"] #protections-popup-multiView .protections-popup-footer-button,
:root[uidensity="compact"] #protections-popup-multiView .protections-popup-category {
- height: 20px !important;
min-height: 20px !important;
}
- /* Footer Button in Tracking Content Panel */
:root[uidensity="compact"] #protections-popup-multiView .panel-footer.panel-footer-menulike {
margin: 0 0 3px !important;
}
- /* Identity popup header padding */
+ :root[uidensity="compact"] #protections-popup-multiView .panel-footer.panel-footer-menulike > button {
+ padding: 3px 8px !important;
+ }
+ :root[uidensity="compact"] #protections-popup-trackersView-settings-button {
+ margin: 4px 8px 0 !important;
+ }
:root[uidensity="compact"] #identity-popup-multiView #identity-popup-mainView-panel-header {
padding: 2px 5px !important;
}
- /* Text When There is no trackers */
:root[uidensity="compact"] #protections-popup-no-trackers-found-description {
margin: 2em 4em !important;
}
- /* Download Item margin */
:root[uidensity="compact"] #downloadsListBox {
margin: 0 !important;
}
@@ -3791,16 +3983,6 @@
@supports -moz-bool-pref("userChrome.tabbar.on_bottom.menubar_on_top") {
/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/tabs_on_bottom_menubar_on_top_patch.css made available under Mozilla Public License v. 2.0
See the above repository for updates as well as full license text. */
- :root {
- /* height if native titlebar is enabled, assumes empty menubar */
- --uc-menubar-height: 20px;
- --uc-menubar-padding: 1px; /* FF's menubar padding */
- --uc-menubar-container-height: calc(var(--uc-menubar-height) - (2 * var(--uc-menubar-padding)));
- }
- :root[tabsintitlebar] {
- /* height when native titlebar is disabled, more roomy so can fit buttons etc. */
- --uc-menubar-height: 30px;
- }
/* Menubar on top patch - use with tabs_on_bottom.css */
/* Only really useful if menubar is ALWAYS visible */
:root:not([sizemode="fullscreen"]) {
@@ -3842,10 +4024,6 @@
#toolbar-menubar .toolbarbutton-1 {
--toolbarbutton-inner-padding: 3px;
}
- #toolbar-menubar[autohide="true"] > .titlebar-buttonbox-container,
- #TabsToolbar > .titlebar-buttonbox-container {
- height: var(--uc-menubar-container-height);
- }
:root:not([chromehidden~="menubar"], [sizemode="fullscreen"])
#toolbar-menubar:not([autohide="true"])
+ #TabsToolbar
@@ -3917,16 +4095,6 @@
@supports -moz-bool-pref("userChrome.tabbar.on_bottom.menubar_on_top") {
/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/tabs_on_bottom_menubar_on_top_patch.css made available under Mozilla Public License v. 2.0
See the above repository for updates as well as full license text. */
- :root {
- /* height if native titlebar is enabled, assumes empty menubar */
- --uc-menubar-height: 20px;
- --uc-menubar-padding: 1px; /* FF's menubar padding */
- --uc-menubar-container-height: calc(var(--uc-menubar-height) - (2 * var(--uc-menubar-padding)));
- }
- :root[tabsintitlebar] {
- /* height when native titlebar is disabled, more roomy so can fit buttons etc. */
- --uc-menubar-height: 30px;
- }
/* Menubar on top patch - use with tabs_on_bottom.css */
/* Only really useful if menubar is ALWAYS visible */
:root:not([sizemode="fullscreen"]) {
@@ -3968,10 +4136,6 @@
#toolbar-menubar .toolbarbutton-1 {
--toolbarbutton-inner-padding: 3px;
}
- #toolbar-menubar[autohide="true"] > .titlebar-buttonbox-container,
- #TabsToolbar > .titlebar-buttonbox-container {
- height: var(--uc-menubar-container-height);
- }
:root:not([chromehidden~="menubar"], [sizemode="fullscreen"])
#toolbar-menubar:not([autohide="true"])
+ #TabsToolbar
@@ -4316,7 +4480,8 @@
}
@supports -moz-bool-pref("userChrome.tabbar.one_liner.responsive") {
@media screen and (max-width: 1100px) {
- @supports not -moz-bool-pref("userChrome.tabbar.on_bottom") or not -moz-bool-pref("userChrome.hidden.tabbar") {
+ @supports (not -moz-bool-pref("userChrome.tabbar.on_bottom")) or
+ (not -moz-bool-pref("userChrome.hidden.tabbar")) {
:root:is([tabsintitlebar], [sizemode="fullscreen"]) {
--uc-window-drag-space-pre: 0px;
--uc-window-control-space: 0px;
@@ -4394,533 +4559,121 @@
@supports -moz-bool-pref("userChrome.tabbar.on_bottom") or -moz-bool-pref("userChrome.tabbar.one_liner") or -moz-bool-pref(
"userChrome.hidden.tabbar"
) {
- @supports not -moz-bool-pref("userChrome.tabbar.one_liner") {
- @supports -moz-bool-pref("userChrome.tabbar.on_bottom") or -moz-bool-pref("userChrome.hidden.tabbar") {
- /*= Windows Control - Move to toolbar ========================================*/
- /* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/tabs_on_bottom.css made available under Mozilla Public License v. 2.0
- See the above repository for updates as well as full license text. */
- /* Titlebar Button Box */
- :root {
- --uc-titlebar-padding: 0px;
- }
- #navigator-toolbox {
- padding-top: calc(var(--uc-menubar-height, 0px) + var(--uc-titlebar-padding)) !important;
- }
- #toolbar-menubar[autohide="true"] > .titlebar-buttonbox-container,
- #TabsToolbar > .titlebar-buttonbox-container {
- position: fixed;
- display: block;
- top: 0;
- right: 0;
- z-index: 1;
- }
- #toolbar-menubar[autohide="true"] > .titlebar-buttonbox-container {
- height: var(--uc-titlebar-buttonbox-height, var(--uc-navbar-height, 36px));
- }
- @media (-moz-os-version: windows-win10), (-moz-platform: windows-win10) {
- }
- .titlebar-buttonbox-container > .titlebar-buttonbox {
- height: 100%;
- }
- @supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled") {
- .titlebar-buttonbox-container > .titlebar-buttonbox {
- margin-block: 10px;
- }
- }
- @supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled") {
- .titlebar-buttonbox-container {
- left: 0;
- right: unset !important;
- }
- }
- @media (-moz-gtk-csd-available) {
- @media (-moz-gtk-csd-reversed-placement) {
- .titlebar-buttonbox-container {
- left: 0;
- right: unset !important;
- }
- }
- }
- @media (-moz-os-version: windows-win7),
- (-moz-platform: windows-win7),
- (-moz-os-version: windows-win8),
- (-moz-platform: windows-win8),
- (-moz-os-version: windows-win10),
- (-moz-platform: windows-win10) {
- :root[sizemode="maximized"][tabsintitlebar] {
- --uc-titlebar-padding: 8px;
- }
- :root[sizemode="maximized"][tabsintitlebar] #navigator-toolbox-background {
- margin-top: calc(-1 * var(--uc-titlebar-padding));
- }
- :root[sizemode="normal"][tabsintitlebar] #titlebar,
- :root[sizemode="maximized"][tabsintitlebar] #titlebar {
- appearance: none !important;
- }
- .browser-toolbar:not(.titlebar-color) {
- background-clip: border-box !important;
- }
- }
- @supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled") {
- #toolbar-menubar:not([autohide="true"]) {
- visibility: visible !important;
- height: 0;
- }
- }
- @supports not -moz-bool-pref("userChrome.hidden.tabbar") {
- #toolbar-menubar[inactive] > .titlebar-buttonbox-container {
- opacity: 0;
- visibility: collapse;
- }
- }
- @supports -moz-bool-pref("userChrome.hidden.tabbar") {
- #toolbar-menubar[inactive] > .titlebar-buttonbox-container {
- opacity: 1;
- visibility: visible;
- }
- @supports -moz-bool-pref("userChrome.autohide.navbar") {
- #toolbar-menubar[inactive] > .titlebar-buttonbox-container {
- opacity: 0;
- visibility: collapse;
- }
- }
- }
- @supports -moz-bool-pref("userChrome.hidden.tabbar") {
- @supports -moz-bool-pref("userChrome.autohide.navbar") {
- #navigator-toolbox:is(:hover, :focus-within)
- #toolbar-menubar[inactive]:not([customizing])
- > .titlebar-buttonbox-container {
- opacity: 1;
- visibility: visible;
- }
- }
- }
- @media (prefers-reduced-motion: no-preference) {
- #toolbar-menubar[inactive] > .titlebar-buttonbox-container {
- transition: opacity 0.25s var(--animation-easing-function) var(--uc-autohide-toolbar-delay, 600ms),
- visibility 100ms var(--animation-easing-function) 0.25s !important;
- }
- #navigator-toolbox:is(:hover, :focus-within)
- #toolbar-menubar[inactive]:not([customizing])
- > .titlebar-buttonbox-container {
- transition-delay: 0s !important;
- }
- }
- @supports -moz-bool-pref("browser.fullscreen.autohide") {
- :root[sizemode="fullscreen"] #navigator-toolbox:not(:hover) .titlebar-buttonbox-container {
- visibility: hidden;
- }
- }
- @supports -moz-bool-pref("userChrome.hidden.tabbar") {
- :root[inFullscreen]:not([macOSNativeFullscreen]) #toolbar-menubar {
- visibility: visible !important;
- min-height: 0 !important;
- max-height: 0 !important;
- }
- :root[inFullscreen]:not([macOSNativeFullscreen]) #menubar-items {
- visibility: collapse !important;
- }
- }
- /* At Activated Menubar */
- :root:not([chromehidden~="menubar"], [sizemode="fullscreen"])
- #toolbar-menubar:not([autohide="true"])
- + #TabsToolbar
- > .titlebar-buttonbox-container {
- display: block !important;
- }
- @supports not -moz-bool-pref("userChrome.hidden.tabbar") {
- :root:not([chromehidden~="menubar"]) #toolbar-menubar:not([autohide="true"]) .titlebar-buttonbox-container {
- visibility: hidden;
- }
- }
- }
- }
- @supports -moz-bool-pref("userChrome.tabbar.one_liner") {
- @supports not -moz-bool-pref("userChrome.tabbar.one_liner.responsive") {
- @supports -moz-bool-pref("userChrome.tabbar.one_liner.tabbar_first") {
- /*= Windows Control - Move to toolbar ========================================*/
- /* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/tabs_on_bottom.css made available under Mozilla Public License v. 2.0
- See the above repository for updates as well as full license text. */
- /* Titlebar Button Box */
- :root {
- --uc-titlebar-padding: 0px;
- }
- #navigator-toolbox {
- padding-top: calc(var(--uc-menubar-height, 0px) + var(--uc-titlebar-padding)) !important;
- }
- #toolbar-menubar[autohide="true"] > .titlebar-buttonbox-container,
- #TabsToolbar > .titlebar-buttonbox-container {
- position: fixed;
- display: block;
- top: 0;
- right: 0;
- z-index: 1;
- }
- #toolbar-menubar[autohide="true"] > .titlebar-buttonbox-container {
- height: var(--uc-titlebar-buttonbox-height, var(--uc-navbar-height, 36px));
- }
- @media (-moz-os-version: windows-win10), (-moz-platform: windows-win10) {
- }
- .titlebar-buttonbox-container > .titlebar-buttonbox {
- height: 100%;
- }
- @supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled") {
- .titlebar-buttonbox-container > .titlebar-buttonbox {
- margin-block: 10px;
- }
- }
- @supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled") {
- .titlebar-buttonbox-container {
- left: 0;
- right: unset !important;
- }
- }
- @media (-moz-gtk-csd-available) {
- @media (-moz-gtk-csd-reversed-placement) {
- .titlebar-buttonbox-container {
- left: 0;
- right: unset !important;
- }
- }
- }
- @media (-moz-os-version: windows-win7),
- (-moz-platform: windows-win7),
- (-moz-os-version: windows-win8),
- (-moz-platform: windows-win8),
- (-moz-os-version: windows-win10),
- (-moz-platform: windows-win10) {
- :root[sizemode="maximized"][tabsintitlebar] {
- --uc-titlebar-padding: 8px;
- }
- :root[sizemode="maximized"][tabsintitlebar] #navigator-toolbox-background {
- margin-top: calc(-1 * var(--uc-titlebar-padding));
- }
- :root[sizemode="normal"][tabsintitlebar] #titlebar,
- :root[sizemode="maximized"][tabsintitlebar] #titlebar {
- appearance: none !important;
- }
- .browser-toolbar:not(.titlebar-color) {
- background-clip: border-box !important;
- }
- }
- @supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled") {
- #toolbar-menubar:not([autohide="true"]) {
- visibility: visible !important;
- height: 0;
- }
- }
- @supports not -moz-bool-pref("userChrome.hidden.tabbar") {
- #toolbar-menubar[inactive] > .titlebar-buttonbox-container {
- opacity: 0;
- visibility: collapse;
- }
- }
- @supports -moz-bool-pref("userChrome.hidden.tabbar") {
- #toolbar-menubar[inactive] > .titlebar-buttonbox-container {
- opacity: 1;
- visibility: visible;
- }
- @supports -moz-bool-pref("userChrome.autohide.navbar") {
- #toolbar-menubar[inactive] > .titlebar-buttonbox-container {
- opacity: 0;
- visibility: collapse;
- }
- }
- }
- @supports -moz-bool-pref("userChrome.hidden.tabbar") {
- @supports -moz-bool-pref("userChrome.autohide.navbar") {
- #navigator-toolbox:is(:hover, :focus-within)
- #toolbar-menubar[inactive]:not([customizing])
- > .titlebar-buttonbox-container {
- opacity: 1;
- visibility: visible;
- }
- }
- }
- @media (prefers-reduced-motion: no-preference) {
- #toolbar-menubar[inactive] > .titlebar-buttonbox-container {
- transition: opacity 0.25s var(--animation-easing-function) var(--uc-autohide-toolbar-delay, 600ms),
- visibility 100ms var(--animation-easing-function) 0.25s !important;
- }
- #navigator-toolbox:is(:hover, :focus-within)
- #toolbar-menubar[inactive]:not([customizing])
- > .titlebar-buttonbox-container {
- transition-delay: 0s !important;
- }
- }
- @supports -moz-bool-pref("browser.fullscreen.autohide") {
- :root[sizemode="fullscreen"] #navigator-toolbox:not(:hover) .titlebar-buttonbox-container {
- visibility: hidden;
- }
- }
- @supports -moz-bool-pref("userChrome.hidden.tabbar") {
- :root[inFullscreen]:not([macOSNativeFullscreen]) #toolbar-menubar {
- visibility: visible !important;
- min-height: 0 !important;
- max-height: 0 !important;
- }
- :root[inFullscreen]:not([macOSNativeFullscreen]) #menubar-items {
- visibility: collapse !important;
- }
- }
- /* At Activated Menubar */
- :root:not([chromehidden~="menubar"], [sizemode="fullscreen"])
- #toolbar-menubar:not([autohide="true"])
- + #TabsToolbar
- > .titlebar-buttonbox-container {
- display: block !important;
- }
- @supports not -moz-bool-pref("userChrome.hidden.tabbar") {
- :root:not([chromehidden~="menubar"]) #toolbar-menubar:not([autohide="true"]) .titlebar-buttonbox-container {
- visibility: hidden;
- }
- }
- }
- @supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled") {
- /*= Windows Control - Move to toolbar ========================================*/
- /* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/tabs_on_bottom.css made available under Mozilla Public License v. 2.0
- See the above repository for updates as well as full license text. */
- /* Titlebar Button Box */
- :root {
- --uc-titlebar-padding: 0px;
- }
- #navigator-toolbox {
- padding-top: calc(var(--uc-menubar-height, 0px) + var(--uc-titlebar-padding)) !important;
- }
- #toolbar-menubar[autohide="true"] > .titlebar-buttonbox-container,
- #TabsToolbar > .titlebar-buttonbox-container {
- position: fixed;
- display: block;
- top: 0;
- right: 0;
- z-index: 1;
- }
- #toolbar-menubar[autohide="true"] > .titlebar-buttonbox-container {
- height: var(--uc-titlebar-buttonbox-height, var(--uc-navbar-height, 36px));
- }
- @media (-moz-os-version: windows-win10), (-moz-platform: windows-win10) {
- }
- .titlebar-buttonbox-container > .titlebar-buttonbox {
- height: 100%;
- }
- @supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled") {
- .titlebar-buttonbox-container > .titlebar-buttonbox {
- margin-block: 10px;
- }
- }
- @supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled") {
- .titlebar-buttonbox-container {
- left: 0;
- right: unset !important;
- }
- }
- @media (-moz-gtk-csd-available) {
- @media (-moz-gtk-csd-reversed-placement) {
- .titlebar-buttonbox-container {
- left: 0;
- right: unset !important;
- }
- }
- }
- @media (-moz-os-version: windows-win7),
- (-moz-platform: windows-win7),
- (-moz-os-version: windows-win8),
- (-moz-platform: windows-win8),
- (-moz-os-version: windows-win10),
- (-moz-platform: windows-win10) {
- :root[sizemode="maximized"][tabsintitlebar] {
- --uc-titlebar-padding: 8px;
- }
- :root[sizemode="maximized"][tabsintitlebar] #navigator-toolbox-background {
- margin-top: calc(-1 * var(--uc-titlebar-padding));
- }
- :root[sizemode="normal"][tabsintitlebar] #titlebar,
- :root[sizemode="maximized"][tabsintitlebar] #titlebar {
- appearance: none !important;
- }
- .browser-toolbar:not(.titlebar-color) {
- background-clip: border-box !important;
- }
- }
- @supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled") {
- #toolbar-menubar:not([autohide="true"]) {
- visibility: visible !important;
- height: 0;
- }
- }
- @supports not -moz-bool-pref("userChrome.hidden.tabbar") {
- #toolbar-menubar[inactive] > .titlebar-buttonbox-container {
- opacity: 0;
- visibility: collapse;
- }
- }
- @supports -moz-bool-pref("userChrome.hidden.tabbar") {
- #toolbar-menubar[inactive] > .titlebar-buttonbox-container {
- opacity: 1;
- visibility: visible;
- }
- @supports -moz-bool-pref("userChrome.autohide.navbar") {
- #toolbar-menubar[inactive] > .titlebar-buttonbox-container {
- opacity: 0;
- visibility: collapse;
- }
- }
- }
- @supports -moz-bool-pref("userChrome.hidden.tabbar") {
- @supports -moz-bool-pref("userChrome.autohide.navbar") {
- #navigator-toolbox:is(:hover, :focus-within)
- #toolbar-menubar[inactive]:not([customizing])
- > .titlebar-buttonbox-container {
- opacity: 1;
- visibility: visible;
- }
- }
- }
- @media (prefers-reduced-motion: no-preference) {
- #toolbar-menubar[inactive] > .titlebar-buttonbox-container {
- transition: opacity 0.25s var(--animation-easing-function) var(--uc-autohide-toolbar-delay, 600ms),
- visibility 100ms var(--animation-easing-function) 0.25s !important;
- }
- #navigator-toolbox:is(:hover, :focus-within)
- #toolbar-menubar[inactive]:not([customizing])
- > .titlebar-buttonbox-container {
- transition-delay: 0s !important;
- }
- }
- @supports -moz-bool-pref("browser.fullscreen.autohide") {
- :root[sizemode="fullscreen"] #navigator-toolbox:not(:hover) .titlebar-buttonbox-container {
- visibility: hidden;
- }
- }
- @supports -moz-bool-pref("userChrome.hidden.tabbar") {
- :root[inFullscreen]:not([macOSNativeFullscreen]) #toolbar-menubar {
- visibility: visible !important;
- min-height: 0 !important;
- max-height: 0 !important;
- }
- :root[inFullscreen]:not([macOSNativeFullscreen]) #menubar-items {
- visibility: collapse !important;
- }
- }
- /* At Activated Menubar */
- :root:not([chromehidden~="menubar"], [sizemode="fullscreen"])
- #toolbar-menubar:not([autohide="true"])
- + #TabsToolbar
- > .titlebar-buttonbox-container {
- display: block !important;
- }
- @supports not -moz-bool-pref("userChrome.hidden.tabbar") {
- :root:not([chromehidden~="menubar"]) #toolbar-menubar:not([autohide="true"]) .titlebar-buttonbox-container {
- visibility: hidden;
- }
- }
- }
- }
- @supports -moz-bool-pref("userChrome.tabbar.one_liner.responsive") {
+ @supports not -moz-bool-pref("userChrome.hidden.titlebar_container") {
+ @supports not -moz-bool-pref("userChrome.tabbar.one_liner") {
@supports -moz-bool-pref("userChrome.tabbar.on_bottom") or -moz-bool-pref("userChrome.hidden.tabbar") {
- @media screen and (max-width: 1100px) {
- /*= Windows Control - Move to toolbar ========================================*/
- /* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/tabs_on_bottom.css made available under Mozilla Public License v. 2.0
- See the above repository for updates as well as full license text. */
- /* Titlebar Button Box */
- :root {
- --uc-titlebar-padding: 0px;
- }
- #navigator-toolbox {
- padding-top: calc(var(--uc-menubar-height, 0px) + var(--uc-titlebar-padding)) !important;
- }
- #toolbar-menubar[autohide="true"] > .titlebar-buttonbox-container,
- #TabsToolbar > .titlebar-buttonbox-container {
- position: fixed;
- display: block;
- top: 0;
- right: 0;
- z-index: 1;
- }
- #toolbar-menubar[autohide="true"] > .titlebar-buttonbox-container {
- height: var(--uc-titlebar-buttonbox-height, var(--uc-navbar-height, 36px));
- }
- @media (-moz-os-version: windows-win10), (-moz-platform: windows-win10) {
- }
- .titlebar-buttonbox-container > .titlebar-buttonbox {
- height: 100%;
- }
- @supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled") {
- .titlebar-buttonbox-container > .titlebar-buttonbox {
- margin-block: 10px;
+ /*= Windows Control - Move to toolbar ========================================*/
+ /* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/tabs_on_bottom.css made available under Mozilla Public License v. 2.0
+ See the above repository for updates as well as full license text. */
+ /* Titlebar Button Box */
+ :root {
+ --uc-titlebar-padding: 0px;
+ }
+ #navigator-toolbox {
+ padding-top: var(--uc-titlebar-padding) !important;
+ }
+ @supports -moz-bool-pref("userChrome.tabbar.on_bottom") {
+ @supports -moz-bool-pref("userChrome.tabbar.on_bottom.menubar_on_top") {
+ #navigator-toolbox {
+ padding-top: calc(
+ max(var(--uc-menubar-height), var(--uc-menubar-height-default)) + var(--uc-titlebar-padding)
+ ) !important;
}
}
- @supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled") {
+ }
+ #toolbar-menubar[autohide="true"] > .titlebar-buttonbox-container,
+ #TabsToolbar > .titlebar-buttonbox-container {
+ position: fixed;
+ display: block;
+ top: 0;
+ right: 0;
+ z-index: 1;
+ }
+ #toolbar-menubar[autohide="true"] > .titlebar-buttonbox-container {
+ height: var(--uc-titlebar-buttonbox-height, var(--uc-navbar-height, 36px));
+ }
+ @media (-moz-os-version: windows-win10), (-moz-platform: windows-win10) {
+ #toolbar-menubar[autohide="true"][inactive="true"] > .titlebar-buttonbox-container .titlebar-button {
+ stroke: var(--toolbar-color, currentColor) !important;
+ }
+ }
+ .titlebar-buttonbox-container > .titlebar-buttonbox {
+ height: 100%;
+ }
+ @supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled") {
+ .titlebar-buttonbox-container > .titlebar-buttonbox {
+ margin-block: 10px;
+ }
+ }
+ @supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled") {
+ .titlebar-buttonbox-container {
+ left: 0;
+ right: unset !important;
+ }
+ }
+ @media (-moz-gtk-csd-available) {
+ @media (-moz-gtk-csd-reversed-placement) {
.titlebar-buttonbox-container {
left: 0;
right: unset !important;
}
}
- @media (-moz-gtk-csd-available) {
- @media screen and (max-width: 1100px) and (-moz-gtk-csd-reversed-placement) {
- .titlebar-buttonbox-container {
- left: 0;
- right: unset !important;
- }
- }
+ }
+ @media (-moz-os-version: windows-win7),
+ (-moz-platform: windows-win7),
+ (-moz-os-version: windows-win8),
+ (-moz-platform: windows-win8),
+ (-moz-os-version: windows-win10),
+ (-moz-platform: windows-win10) {
+ :root[sizemode="maximized"][tabsintitlebar] {
+ --uc-titlebar-padding: 8px;
}
- @media (-moz-os-version: windows-win7),
- (-moz-platform: windows-win7),
- (-moz-os-version: windows-win8),
- (-moz-platform: windows-win8),
- (-moz-os-version: windows-win10),
- (-moz-platform: windows-win10) {
- :root[sizemode="maximized"][tabsintitlebar] {
- --uc-titlebar-padding: 8px;
- }
- :root[sizemode="maximized"][tabsintitlebar] #navigator-toolbox-background {
- margin-top: calc(-1 * var(--uc-titlebar-padding));
- }
- :root[sizemode="normal"][tabsintitlebar] #titlebar,
- :root[sizemode="maximized"][tabsintitlebar] #titlebar {
- appearance: none !important;
- }
- .browser-toolbar:not(.titlebar-color) {
- background-clip: border-box !important;
- }
+ :root[sizemode="maximized"][tabsintitlebar] #navigator-toolbox-background {
+ margin-top: calc(-1 * var(--uc-titlebar-padding));
}
- @supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled") {
- #toolbar-menubar:not([autohide="true"]) {
- visibility: visible !important;
- height: 0;
- }
+ :root[sizemode="normal"][tabsintitlebar] #titlebar,
+ :root[sizemode="maximized"][tabsintitlebar] #titlebar {
+ appearance: none !important;
}
- @supports not -moz-bool-pref("userChrome.hidden.tabbar") {
+ .browser-toolbar:not(.titlebar-color) {
+ background-clip: border-box !important;
+ }
+ }
+ @supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled") {
+ #toolbar-menubar:not([autohide="true"]) {
+ visibility: visible !important;
+ height: 0;
+ }
+ }
+ @supports not -moz-bool-pref("userChrome.hidden.tabbar") {
+ #toolbar-menubar[inactive] > .titlebar-buttonbox-container {
+ opacity: 0;
+ visibility: collapse;
+ }
+ }
+ @supports -moz-bool-pref("userChrome.hidden.tabbar") {
+ #toolbar-menubar[inactive] > .titlebar-buttonbox-container {
+ opacity: 1;
+ visibility: visible;
+ }
+ @supports -moz-bool-pref("userChrome.autohide.navbar") {
#toolbar-menubar[inactive] > .titlebar-buttonbox-container {
opacity: 0;
visibility: collapse;
}
}
- @supports -moz-bool-pref("userChrome.hidden.tabbar") {
- #toolbar-menubar[inactive] > .titlebar-buttonbox-container {
+ }
+ @supports -moz-bool-pref("userChrome.hidden.tabbar") {
+ @supports -moz-bool-pref("userChrome.autohide.navbar") {
+ #navigator-toolbox:is(:hover, :focus-within)
+ #toolbar-menubar[inactive]:not([customizing])
+ > .titlebar-buttonbox-container {
opacity: 1;
visibility: visible;
}
- @supports -moz-bool-pref("userChrome.autohide.navbar") {
- #toolbar-menubar[inactive] > .titlebar-buttonbox-container {
- opacity: 0;
- visibility: collapse;
- }
- }
}
- @supports -moz-bool-pref("userChrome.hidden.tabbar") {
- @supports -moz-bool-pref("userChrome.autohide.navbar") {
- #navigator-toolbox:is(:hover, :focus-within)
- #toolbar-menubar[inactive]:not([customizing])
- > .titlebar-buttonbox-container {
- opacity: 1;
- visibility: visible;
- }
- }
- }
- /* At Activated Menubar */
}
- @media screen and (max-width: 1100px) and (prefers-reduced-motion: no-preference) {
+ @media (prefers-reduced-motion: no-preference) {
#toolbar-menubar[inactive] > .titlebar-buttonbox-container {
transition: opacity 0.25s var(--animation-easing-function) var(--uc-autohide-toolbar-delay, 600ms),
visibility 100ms var(--animation-easing-function) 0.25s !important;
@@ -4931,42 +4684,37 @@
transition-delay: 0s !important;
}
}
- @media screen and (max-width: 1100px) {
- @supports -moz-bool-pref("browser.fullscreen.autohide") {
- :root[sizemode="fullscreen"] #navigator-toolbox:not(:hover) .titlebar-buttonbox-container {
- visibility: hidden;
- }
+ @supports -moz-bool-pref("browser.fullscreen.autohide") {
+ :root[sizemode="fullscreen"] #navigator-toolbox:not(:hover) .titlebar-buttonbox-container {
+ visibility: hidden;
}
}
- @media screen and (max-width: 1100px) {
- @supports -moz-bool-pref("userChrome.hidden.tabbar") {
- :root[inFullscreen]:not([macOSNativeFullscreen]) #toolbar-menubar {
- visibility: visible !important;
- min-height: 0 !important;
- max-height: 0 !important;
- }
- :root[inFullscreen]:not([macOSNativeFullscreen]) #menubar-items {
- visibility: collapse !important;
- }
+ @supports -moz-bool-pref("userChrome.hidden.tabbar") {
+ :root[inFullscreen]:not([macOSNativeFullscreen]) #toolbar-menubar {
+ visibility: visible !important;
+ min-height: 0 !important;
+ max-height: 0 !important;
+ }
+ :root[inFullscreen]:not([macOSNativeFullscreen]) #menubar-items {
+ visibility: collapse !important;
}
}
- @media screen and (max-width: 1100px) {
- :root:not([chromehidden~="menubar"], [sizemode="fullscreen"])
- #toolbar-menubar:not([autohide="true"])
- + #TabsToolbar
- > .titlebar-buttonbox-container {
- display: block !important;
- }
+ /* At Activated Menubar */
+ :root:not([chromehidden~="menubar"], [sizemode="fullscreen"])
+ #toolbar-menubar:not([autohide="true"])
+ + #TabsToolbar
+ > .titlebar-buttonbox-container {
+ display: block !important;
}
- @media screen and (max-width: 1100px) {
- @supports not -moz-bool-pref("userChrome.hidden.tabbar") {
- :root:not([chromehidden~="menubar"]) #toolbar-menubar:not([autohide="true"]) .titlebar-buttonbox-container {
- visibility: hidden;
- }
+ @supports not -moz-bool-pref("userChrome.hidden.tabbar") {
+ :root:not([chromehidden~="menubar"]) #toolbar-menubar:not([autohide="true"]) .titlebar-buttonbox-container {
+ visibility: hidden;
}
}
}
- @media screen and (min-width: 1100px) {
+ }
+ @supports -moz-bool-pref("userChrome.tabbar.one_liner") {
+ @supports not -moz-bool-pref("userChrome.tabbar.one_liner.responsive") {
@supports -moz-bool-pref("userChrome.tabbar.one_liner.tabbar_first") {
/*= Windows Control - Move to toolbar ========================================*/
/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/tabs_on_bottom.css made available under Mozilla Public License v. 2.0
@@ -4976,7 +4724,16 @@
--uc-titlebar-padding: 0px;
}
#navigator-toolbox {
- padding-top: calc(var(--uc-menubar-height, 0px) + var(--uc-titlebar-padding)) !important;
+ padding-top: var(--uc-titlebar-padding) !important;
+ }
+ @supports -moz-bool-pref("userChrome.tabbar.on_bottom") {
+ @supports -moz-bool-pref("userChrome.tabbar.on_bottom.menubar_on_top") {
+ #navigator-toolbox {
+ padding-top: calc(
+ max(var(--uc-menubar-height), var(--uc-menubar-height-default)) + var(--uc-titlebar-padding)
+ ) !important;
+ }
+ }
}
#toolbar-menubar[autohide="true"] > .titlebar-buttonbox-container,
#TabsToolbar > .titlebar-buttonbox-container {
@@ -4990,6 +4747,9 @@
height: var(--uc-titlebar-buttonbox-height, var(--uc-navbar-height, 36px));
}
@media (-moz-os-version: windows-win10), (-moz-platform: windows-win10) {
+ #toolbar-menubar[autohide="true"][inactive="true"] > .titlebar-buttonbox-container .titlebar-button {
+ stroke: var(--toolbar-color, currentColor) !important;
+ }
}
.titlebar-buttonbox-container > .titlebar-buttonbox {
height: 100%;
@@ -5006,7 +4766,7 @@
}
}
@media (-moz-gtk-csd-available) {
- @media screen and (min-width: 1100px) and (-moz-gtk-csd-reversed-placement) {
+ @media (-moz-gtk-csd-reversed-placement) {
.titlebar-buttonbox-container {
left: 0;
right: unset !important;
@@ -5067,7 +4827,7 @@
}
}
}
- @media screen and (min-width: 1100px) and (prefers-reduced-motion: no-preference) {
+ @media (prefers-reduced-motion: no-preference) {
#toolbar-menubar[inactive] > .titlebar-buttonbox-container {
transition: opacity 0.25s var(--animation-easing-function) var(--uc-autohide-toolbar-delay, 600ms),
visibility 100ms var(--animation-easing-function) 0.25s !important;
@@ -5115,7 +4875,16 @@
--uc-titlebar-padding: 0px;
}
#navigator-toolbox {
- padding-top: calc(var(--uc-menubar-height, 0px) + var(--uc-titlebar-padding)) !important;
+ padding-top: var(--uc-titlebar-padding) !important;
+ }
+ @supports -moz-bool-pref("userChrome.tabbar.on_bottom") {
+ @supports -moz-bool-pref("userChrome.tabbar.on_bottom.menubar_on_top") {
+ #navigator-toolbox {
+ padding-top: calc(
+ max(var(--uc-menubar-height), var(--uc-menubar-height-default)) + var(--uc-titlebar-padding)
+ ) !important;
+ }
+ }
}
#toolbar-menubar[autohide="true"] > .titlebar-buttonbox-container,
#TabsToolbar > .titlebar-buttonbox-container {
@@ -5129,6 +4898,9 @@
height: var(--uc-titlebar-buttonbox-height, var(--uc-navbar-height, 36px));
}
@media (-moz-os-version: windows-win10), (-moz-platform: windows-win10) {
+ #toolbar-menubar[autohide="true"][inactive="true"] > .titlebar-buttonbox-container .titlebar-button {
+ stroke: var(--toolbar-color, currentColor) !important;
+ }
}
.titlebar-buttonbox-container > .titlebar-buttonbox {
height: 100%;
@@ -5145,7 +4917,7 @@
}
}
@media (-moz-gtk-csd-available) {
- @media screen and (min-width: 1100px) and (-moz-gtk-csd-reversed-placement) {
+ @media (-moz-gtk-csd-reversed-placement) {
.titlebar-buttonbox-container {
left: 0;
right: unset !important;
@@ -5206,7 +4978,7 @@
}
}
}
- @media screen and (min-width: 1100px) and (prefers-reduced-motion: no-preference) {
+ @media (prefers-reduced-motion: no-preference) {
#toolbar-menubar[inactive] > .titlebar-buttonbox-container {
transition: opacity 0.25s var(--animation-easing-function) var(--uc-autohide-toolbar-delay, 600ms),
visibility 100ms var(--animation-easing-function) 0.25s !important;
@@ -5246,117 +5018,520 @@
}
}
}
- }
- }
- /*= Navbar - Padding for window controls =====================================*/
- /* Customized https://github.com/MrOtherGuy/firefox-csshacks/blob/master/chrome/window_control_placeholder_support.css */
- #nav-bar {
- border-inline-style: solid !important;
- border-inline-color: transparent;
- }
- @media (-moz-os-version: windows-win7),
- (-moz-platform: windows-win7),
- (-moz-os-version: windows-win8),
- (-moz-platform: windows-win8),
- (-moz-os-version: windows-win10),
- (-moz-platform: windows-win10) {
- @supports not -moz-bool-pref("userChrome.tabbar.one_liner") {
- #nav-bar {
- border-inline-start-width: var(--uc-window-drag-space-pre);
- border-inline-end-width: var(--uc-window-control-space);
- }
- }
- @supports -moz-bool-pref("userChrome.tabbar.one_liner") {
- @supports -moz-bool-pref("userChrome.tabbar.one_liner.combine_navbar") {
- #nav-bar {
- border-inline-start-width: var(--uc-window-drag-space-pre);
- border-inline-end-width: var(--uc-window-control-space);
- }
- }
- @supports not -moz-bool-pref("userChrome.tabbar.one_liner.combine_navbar") {
+ @supports -moz-bool-pref("userChrome.tabbar.one_liner.responsive") {
@supports -moz-bool-pref("userChrome.tabbar.on_bottom") or -moz-bool-pref("userChrome.hidden.tabbar") {
@media screen and (max-width: 1100px) {
- #nav-bar {
- border-inline-start-width: var(--uc-window-drag-space-pre);
- border-inline-end-width: var(--uc-window-control-space);
+ /*= Windows Control - Move to toolbar ========================================*/
+ /* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/tabs_on_bottom.css made available under Mozilla Public License v. 2.0
+ See the above repository for updates as well as full license text. */
+ /* Titlebar Button Box */
+ :root {
+ --uc-titlebar-padding: 0px;
+ }
+ #navigator-toolbox {
+ padding-top: var(--uc-titlebar-padding) !important;
+ }
+ @supports -moz-bool-pref("userChrome.tabbar.on_bottom") {
+ @supports -moz-bool-pref("userChrome.tabbar.on_bottom.menubar_on_top") {
+ #navigator-toolbox {
+ padding-top: calc(
+ max(var(--uc-menubar-height), var(--uc-menubar-height-default)) + var(--uc-titlebar-padding)
+ ) !important;
+ }
+ }
+ }
+ #toolbar-menubar[autohide="true"] > .titlebar-buttonbox-container,
+ #TabsToolbar > .titlebar-buttonbox-container {
+ position: fixed;
+ display: block;
+ top: 0;
+ right: 0;
+ z-index: 1;
+ }
+ #toolbar-menubar[autohide="true"] > .titlebar-buttonbox-container {
+ height: var(--uc-titlebar-buttonbox-height, var(--uc-navbar-height, 36px));
+ }
+ @media (-moz-os-version: windows-win10), (-moz-platform: windows-win10) {
+ #toolbar-menubar[autohide="true"][inactive="true"] > .titlebar-buttonbox-container .titlebar-button {
+ stroke: var(--toolbar-color, currentColor) !important;
+ }
+ }
+ .titlebar-buttonbox-container > .titlebar-buttonbox {
+ height: 100%;
+ }
+ @supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled") {
+ .titlebar-buttonbox-container > .titlebar-buttonbox {
+ margin-block: 10px;
+ }
+ }
+ @supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled") {
+ .titlebar-buttonbox-container {
+ left: 0;
+ right: unset !important;
+ }
+ }
+ @media (-moz-gtk-csd-available) {
+ @media screen and (max-width: 1100px) and (-moz-gtk-csd-reversed-placement) {
+ .titlebar-buttonbox-container {
+ left: 0;
+ right: unset !important;
+ }
+ }
+ }
+ @media (-moz-os-version: windows-win7),
+ (-moz-platform: windows-win7),
+ (-moz-os-version: windows-win8),
+ (-moz-platform: windows-win8),
+ (-moz-os-version: windows-win10),
+ (-moz-platform: windows-win10) {
+ :root[sizemode="maximized"][tabsintitlebar] {
+ --uc-titlebar-padding: 8px;
+ }
+ :root[sizemode="maximized"][tabsintitlebar] #navigator-toolbox-background {
+ margin-top: calc(-1 * var(--uc-titlebar-padding));
+ }
+ :root[sizemode="normal"][tabsintitlebar] #titlebar,
+ :root[sizemode="maximized"][tabsintitlebar] #titlebar {
+ appearance: none !important;
+ }
+ .browser-toolbar:not(.titlebar-color) {
+ background-clip: border-box !important;
+ }
+ }
+ @supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled") {
+ #toolbar-menubar:not([autohide="true"]) {
+ visibility: visible !important;
+ height: 0;
+ }
+ }
+ @supports not -moz-bool-pref("userChrome.hidden.tabbar") {
+ #toolbar-menubar[inactive] > .titlebar-buttonbox-container {
+ opacity: 0;
+ visibility: collapse;
+ }
+ }
+ @supports -moz-bool-pref("userChrome.hidden.tabbar") {
+ #toolbar-menubar[inactive] > .titlebar-buttonbox-container {
+ opacity: 1;
+ visibility: visible;
+ }
+ @supports -moz-bool-pref("userChrome.autohide.navbar") {
+ #toolbar-menubar[inactive] > .titlebar-buttonbox-container {
+ opacity: 0;
+ visibility: collapse;
+ }
+ }
+ }
+ @supports -moz-bool-pref("userChrome.hidden.tabbar") {
+ @supports -moz-bool-pref("userChrome.autohide.navbar") {
+ #navigator-toolbox:is(:hover, :focus-within)
+ #toolbar-menubar[inactive]:not([customizing])
+ > .titlebar-buttonbox-container {
+ opacity: 1;
+ visibility: visible;
+ }
+ }
+ }
+ /* At Activated Menubar */
+ }
+ @media screen and (max-width: 1100px) and (prefers-reduced-motion: no-preference) {
+ #toolbar-menubar[inactive] > .titlebar-buttonbox-container {
+ transition: opacity 0.25s var(--animation-easing-function) var(--uc-autohide-toolbar-delay, 600ms),
+ visibility 100ms var(--animation-easing-function) 0.25s !important;
+ }
+ #navigator-toolbox:is(:hover, :focus-within)
+ #toolbar-menubar[inactive]:not([customizing])
+ > .titlebar-buttonbox-container {
+ transition-delay: 0s !important;
+ }
+ }
+ @media screen and (max-width: 1100px) {
+ @supports -moz-bool-pref("browser.fullscreen.autohide") {
+ :root[sizemode="fullscreen"] #navigator-toolbox:not(:hover) .titlebar-buttonbox-container {
+ visibility: hidden;
+ }
+ }
+ }
+ @media screen and (max-width: 1100px) {
+ @supports -moz-bool-pref("userChrome.hidden.tabbar") {
+ :root[inFullscreen]:not([macOSNativeFullscreen]) #toolbar-menubar {
+ visibility: visible !important;
+ min-height: 0 !important;
+ max-height: 0 !important;
+ }
+ :root[inFullscreen]:not([macOSNativeFullscreen]) #menubar-items {
+ visibility: collapse !important;
+ }
+ }
+ }
+ @media screen and (max-width: 1100px) {
+ :root:not([chromehidden~="menubar"], [sizemode="fullscreen"])
+ #toolbar-menubar:not([autohide="true"])
+ + #TabsToolbar
+ > .titlebar-buttonbox-container {
+ display: block !important;
+ }
+ }
+ @media screen and (max-width: 1100px) {
+ @supports not -moz-bool-pref("userChrome.hidden.tabbar") {
+ :root:not([chromehidden~="menubar"])
+ #toolbar-menubar:not([autohide="true"])
+ .titlebar-buttonbox-container {
+ visibility: hidden;
+ }
}
}
}
- }
- }
- @supports -moz-bool-pref("userChrome.tabbar.one_liner") {
- @supports not -moz-bool-pref("userChrome.tabbar.one_liner.combine_navbar") {
- @supports not -moz-bool-pref("userChrome.tabbar.one_liner.responsive") {
- @supports not -moz-bool-pref("userChrome.tabbar.one_liner.tabbar_first") {
- #nav-bar {
- margin-inline-start: var(--uc-window-drag-space-pre) !important;
- }
- }
+ @media screen and (min-width: 1100px) {
@supports -moz-bool-pref("userChrome.tabbar.one_liner.tabbar_first") {
- #nav-bar {
- margin-inline-end: var(--uc-window-control-space) !important;
+ /*= Windows Control - Move to toolbar ========================================*/
+ /* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/tabs_on_bottom.css made available under Mozilla Public License v. 2.0
+ See the above repository for updates as well as full license text. */
+ /* Titlebar Button Box */
+ :root {
+ --uc-titlebar-padding: 0px;
}
- }
- }
- @supports -moz-bool-pref("userChrome.tabbar.one_liner.responsive") {
- @media screen and (min-width: 1100px) {
- @supports not -moz-bool-pref("userChrome.tabbar.one_liner.tabbar_first") {
- #nav-bar {
- margin-inline-start: var(--uc-window-drag-space-pre) !important;
+ #navigator-toolbox {
+ padding-top: var(--uc-titlebar-padding) !important;
+ }
+ @supports -moz-bool-pref("userChrome.tabbar.on_bottom") {
+ @supports -moz-bool-pref("userChrome.tabbar.on_bottom.menubar_on_top") {
+ #navigator-toolbox {
+ padding-top: calc(
+ max(var(--uc-menubar-height), var(--uc-menubar-height-default)) + var(--uc-titlebar-padding)
+ ) !important;
+ }
}
}
- @supports -moz-bool-pref("userChrome.tabbar.one_liner.tabbar_first") {
- #nav-bar {
- margin-inline-end: var(--uc-window-control-space) !important;
+ #toolbar-menubar[autohide="true"] > .titlebar-buttonbox-container,
+ #TabsToolbar > .titlebar-buttonbox-container {
+ position: fixed;
+ display: block;
+ top: 0;
+ right: 0;
+ z-index: 1;
+ }
+ #toolbar-menubar[autohide="true"] > .titlebar-buttonbox-container {
+ height: var(--uc-titlebar-buttonbox-height, var(--uc-navbar-height, 36px));
+ }
+ @media (-moz-os-version: windows-win10), (-moz-platform: windows-win10) {
+ #toolbar-menubar[autohide="true"][inactive="true"] > .titlebar-buttonbox-container .titlebar-button {
+ stroke: var(--toolbar-color, currentColor) !important;
+ }
+ }
+ .titlebar-buttonbox-container > .titlebar-buttonbox {
+ height: 100%;
+ }
+ @supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled") {
+ .titlebar-buttonbox-container > .titlebar-buttonbox {
+ margin-block: 10px;
+ }
+ }
+ @supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled") {
+ .titlebar-buttonbox-container {
+ left: 0;
+ right: unset !important;
+ }
+ }
+ @media (-moz-gtk-csd-available) {
+ @media screen and (min-width: 1100px) and (-moz-gtk-csd-reversed-placement) {
+ .titlebar-buttonbox-container {
+ left: 0;
+ right: unset !important;
+ }
+ }
+ }
+ @media (-moz-os-version: windows-win7),
+ (-moz-platform: windows-win7),
+ (-moz-os-version: windows-win8),
+ (-moz-platform: windows-win8),
+ (-moz-os-version: windows-win10),
+ (-moz-platform: windows-win10) {
+ :root[sizemode="maximized"][tabsintitlebar] {
+ --uc-titlebar-padding: 8px;
+ }
+ :root[sizemode="maximized"][tabsintitlebar] #navigator-toolbox-background {
+ margin-top: calc(-1 * var(--uc-titlebar-padding));
+ }
+ :root[sizemode="normal"][tabsintitlebar] #titlebar,
+ :root[sizemode="maximized"][tabsintitlebar] #titlebar {
+ appearance: none !important;
+ }
+ .browser-toolbar:not(.titlebar-color) {
+ background-clip: border-box !important;
+ }
+ }
+ @supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled") {
+ #toolbar-menubar:not([autohide="true"]) {
+ visibility: visible !important;
+ height: 0;
+ }
+ }
+ @supports not -moz-bool-pref("userChrome.hidden.tabbar") {
+ #toolbar-menubar[inactive] > .titlebar-buttonbox-container {
+ opacity: 0;
+ visibility: collapse;
+ }
+ }
+ @supports -moz-bool-pref("userChrome.hidden.tabbar") {
+ #toolbar-menubar[inactive] > .titlebar-buttonbox-container {
+ opacity: 1;
+ visibility: visible;
+ }
+ @supports -moz-bool-pref("userChrome.autohide.navbar") {
+ #toolbar-menubar[inactive] > .titlebar-buttonbox-container {
+ opacity: 0;
+ visibility: collapse;
+ }
+ }
+ }
+ @supports -moz-bool-pref("userChrome.hidden.tabbar") {
+ @supports -moz-bool-pref("userChrome.autohide.navbar") {
+ #navigator-toolbox:is(:hover, :focus-within)
+ #toolbar-menubar[inactive]:not([customizing])
+ > .titlebar-buttonbox-container {
+ opacity: 1;
+ visibility: visible;
+ }
+ }
+ }
+ @media screen and (min-width: 1100px) and (prefers-reduced-motion: no-preference) {
+ #toolbar-menubar[inactive] > .titlebar-buttonbox-container {
+ transition: opacity 0.25s var(--animation-easing-function) var(--uc-autohide-toolbar-delay, 600ms),
+ visibility 100ms var(--animation-easing-function) 0.25s !important;
+ }
+ #navigator-toolbox:is(:hover, :focus-within)
+ #toolbar-menubar[inactive]:not([customizing])
+ > .titlebar-buttonbox-container {
+ transition-delay: 0s !important;
+ }
+ }
+ @supports -moz-bool-pref("browser.fullscreen.autohide") {
+ :root[sizemode="fullscreen"] #navigator-toolbox:not(:hover) .titlebar-buttonbox-container {
+ visibility: hidden;
+ }
+ }
+ @supports -moz-bool-pref("userChrome.hidden.tabbar") {
+ :root[inFullscreen]:not([macOSNativeFullscreen]) #toolbar-menubar {
+ visibility: visible !important;
+ min-height: 0 !important;
+ max-height: 0 !important;
+ }
+ :root[inFullscreen]:not([macOSNativeFullscreen]) #menubar-items {
+ visibility: collapse !important;
+ }
+ }
+ /* At Activated Menubar */
+ :root:not([chromehidden~="menubar"], [sizemode="fullscreen"])
+ #toolbar-menubar:not([autohide="true"])
+ + #TabsToolbar
+ > .titlebar-buttonbox-container {
+ display: block !important;
+ }
+ @supports not -moz-bool-pref("userChrome.hidden.tabbar") {
+ :root:not([chromehidden~="menubar"])
+ #toolbar-menubar:not([autohide="true"])
+ .titlebar-buttonbox-container {
+ visibility: hidden;
+ }
+ }
+ }
+ @supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled") {
+ /*= Windows Control - Move to toolbar ========================================*/
+ /* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/tabs_on_bottom.css made available under Mozilla Public License v. 2.0
+ See the above repository for updates as well as full license text. */
+ /* Titlebar Button Box */
+ :root {
+ --uc-titlebar-padding: 0px;
+ }
+ #navigator-toolbox {
+ padding-top: var(--uc-titlebar-padding) !important;
+ }
+ @supports -moz-bool-pref("userChrome.tabbar.on_bottom") {
+ @supports -moz-bool-pref("userChrome.tabbar.on_bottom.menubar_on_top") {
+ #navigator-toolbox {
+ padding-top: calc(
+ max(var(--uc-menubar-height), var(--uc-menubar-height-default)) + var(--uc-titlebar-padding)
+ ) !important;
+ }
+ }
+ }
+ #toolbar-menubar[autohide="true"] > .titlebar-buttonbox-container,
+ #TabsToolbar > .titlebar-buttonbox-container {
+ position: fixed;
+ display: block;
+ top: 0;
+ right: 0;
+ z-index: 1;
+ }
+ #toolbar-menubar[autohide="true"] > .titlebar-buttonbox-container {
+ height: var(--uc-titlebar-buttonbox-height, var(--uc-navbar-height, 36px));
+ }
+ @media (-moz-os-version: windows-win10), (-moz-platform: windows-win10) {
+ #toolbar-menubar[autohide="true"][inactive="true"] > .titlebar-buttonbox-container .titlebar-button {
+ stroke: var(--toolbar-color, currentColor) !important;
+ }
+ }
+ .titlebar-buttonbox-container > .titlebar-buttonbox {
+ height: 100%;
+ }
+ @supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled") {
+ .titlebar-buttonbox-container > .titlebar-buttonbox {
+ margin-block: 10px;
+ }
+ }
+ @supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled") {
+ .titlebar-buttonbox-container {
+ left: 0;
+ right: unset !important;
+ }
+ }
+ @media (-moz-gtk-csd-available) {
+ @media screen and (min-width: 1100px) and (-moz-gtk-csd-reversed-placement) {
+ .titlebar-buttonbox-container {
+ left: 0;
+ right: unset !important;
+ }
+ }
+ }
+ @media (-moz-os-version: windows-win7),
+ (-moz-platform: windows-win7),
+ (-moz-os-version: windows-win8),
+ (-moz-platform: windows-win8),
+ (-moz-os-version: windows-win10),
+ (-moz-platform: windows-win10) {
+ :root[sizemode="maximized"][tabsintitlebar] {
+ --uc-titlebar-padding: 8px;
+ }
+ :root[sizemode="maximized"][tabsintitlebar] #navigator-toolbox-background {
+ margin-top: calc(-1 * var(--uc-titlebar-padding));
+ }
+ :root[sizemode="normal"][tabsintitlebar] #titlebar,
+ :root[sizemode="maximized"][tabsintitlebar] #titlebar {
+ appearance: none !important;
+ }
+ .browser-toolbar:not(.titlebar-color) {
+ background-clip: border-box !important;
+ }
+ }
+ @supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled") {
+ #toolbar-menubar:not([autohide="true"]) {
+ visibility: visible !important;
+ height: 0;
+ }
+ }
+ @supports not -moz-bool-pref("userChrome.hidden.tabbar") {
+ #toolbar-menubar[inactive] > .titlebar-buttonbox-container {
+ opacity: 0;
+ visibility: collapse;
+ }
+ }
+ @supports -moz-bool-pref("userChrome.hidden.tabbar") {
+ #toolbar-menubar[inactive] > .titlebar-buttonbox-container {
+ opacity: 1;
+ visibility: visible;
+ }
+ @supports -moz-bool-pref("userChrome.autohide.navbar") {
+ #toolbar-menubar[inactive] > .titlebar-buttonbox-container {
+ opacity: 0;
+ visibility: collapse;
+ }
+ }
+ }
+ @supports -moz-bool-pref("userChrome.hidden.tabbar") {
+ @supports -moz-bool-pref("userChrome.autohide.navbar") {
+ #navigator-toolbox:is(:hover, :focus-within)
+ #toolbar-menubar[inactive]:not([customizing])
+ > .titlebar-buttonbox-container {
+ opacity: 1;
+ visibility: visible;
+ }
+ }
+ }
+ @media screen and (min-width: 1100px) and (prefers-reduced-motion: no-preference) {
+ #toolbar-menubar[inactive] > .titlebar-buttonbox-container {
+ transition: opacity 0.25s var(--animation-easing-function) var(--uc-autohide-toolbar-delay, 600ms),
+ visibility 100ms var(--animation-easing-function) 0.25s !important;
+ }
+ #navigator-toolbox:is(:hover, :focus-within)
+ #toolbar-menubar[inactive]:not([customizing])
+ > .titlebar-buttonbox-container {
+ transition-delay: 0s !important;
+ }
+ }
+ @supports -moz-bool-pref("browser.fullscreen.autohide") {
+ :root[sizemode="fullscreen"] #navigator-toolbox:not(:hover) .titlebar-buttonbox-container {
+ visibility: hidden;
+ }
+ }
+ @supports -moz-bool-pref("userChrome.hidden.tabbar") {
+ :root[inFullscreen]:not([macOSNativeFullscreen]) #toolbar-menubar {
+ visibility: visible !important;
+ min-height: 0 !important;
+ max-height: 0 !important;
+ }
+ :root[inFullscreen]:not([macOSNativeFullscreen]) #menubar-items {
+ visibility: collapse !important;
+ }
+ }
+ /* At Activated Menubar */
+ :root:not([chromehidden~="menubar"], [sizemode="fullscreen"])
+ #toolbar-menubar:not([autohide="true"])
+ + #TabsToolbar
+ > .titlebar-buttonbox-container {
+ display: block !important;
+ }
+ @supports not -moz-bool-pref("userChrome.hidden.tabbar") {
+ :root:not([chromehidden~="menubar"])
+ #toolbar-menubar:not([autohide="true"])
+ .titlebar-buttonbox-container {
+ visibility: hidden;
}
}
}
}
}
}
- }
- @media (-moz-gtk-csd-available) {
- @media (-moz-gtk-csd-reversed-placement: 0) {
- @supports not -moz-bool-pref("userChrome.tabbar.one_liner") {
- #nav-bar {
- border-inline-start-width: var(--uc-window-drag-space-pre);
- border-inline-end-width: var(--uc-window-control-space);
- }
+ @supports not -moz-bool-pref("userChrome.navbar.as_sidebar") {
+ /*= Navbar - Padding for window controls =====================================*/
+ /* Customized https://github.com/MrOtherGuy/firefox-csshacks/blob/master/chrome/window_control_placeholder_support.css */
+ #nav-bar {
+ border-inline-style: solid !important;
+ border-inline-color: transparent;
}
- @supports -moz-bool-pref("userChrome.tabbar.one_liner") {
- @supports -moz-bool-pref("userChrome.tabbar.one_liner.combine_navbar") {
+ @media (-moz-os-version: windows-win7),
+ (-moz-platform: windows-win7),
+ (-moz-os-version: windows-win8),
+ (-moz-platform: windows-win8),
+ (-moz-os-version: windows-win10),
+ (-moz-platform: windows-win10) {
+ @supports not -moz-bool-pref("userChrome.tabbar.one_liner") {
#nav-bar {
border-inline-start-width: var(--uc-window-drag-space-pre);
border-inline-end-width: var(--uc-window-control-space);
}
}
- @supports not -moz-bool-pref("userChrome.tabbar.one_liner.combine_navbar") {
- @supports -moz-bool-pref("userChrome.tabbar.on_bottom") or -moz-bool-pref("userChrome.hidden.tabbar") {
- @media screen and (-moz-gtk-csd-reversed-placement: 0) and (max-width: 1100px) {
- #nav-bar {
- border-inline-start-width: var(--uc-window-drag-space-pre);
- border-inline-end-width: var(--uc-window-control-space);
+ @supports -moz-bool-pref("userChrome.tabbar.one_liner") {
+ @supports -moz-bool-pref("userChrome.tabbar.one_liner.combine_navbar") {
+ #nav-bar {
+ border-inline-start-width: var(--uc-window-drag-space-pre);
+ border-inline-end-width: var(--uc-window-control-space);
+ }
+ }
+ @supports not -moz-bool-pref("userChrome.tabbar.one_liner.combine_navbar") {
+ @supports -moz-bool-pref("userChrome.tabbar.on_bottom") or -moz-bool-pref("userChrome.hidden.tabbar") {
+ @media screen and (max-width: 1100px) {
+ #nav-bar {
+ border-inline-start-width: var(--uc-window-drag-space-pre);
+ border-inline-end-width: var(--uc-window-control-space);
+ }
}
}
}
}
- }
- @supports -moz-bool-pref("userChrome.tabbar.one_liner") {
- @supports not -moz-bool-pref("userChrome.tabbar.one_liner.combine_navbar") {
- @supports not -moz-bool-pref("userChrome.tabbar.one_liner.responsive") {
- @supports not -moz-bool-pref("userChrome.tabbar.one_liner.tabbar_first") {
- #nav-bar {
- margin-inline-start: var(--uc-window-drag-space-pre) !important;
- }
- }
- @supports -moz-bool-pref("userChrome.tabbar.one_liner.tabbar_first") {
- #nav-bar {
- margin-inline-end: var(--uc-window-control-space) !important;
- }
- }
- }
- @supports -moz-bool-pref("userChrome.tabbar.one_liner.responsive") {
- @media screen and (-moz-gtk-csd-reversed-placement: 0) and (min-width: 1100px) {
+ @supports -moz-bool-pref("userChrome.tabbar.one_liner") {
+ @supports not -moz-bool-pref("userChrome.tabbar.one_liner.combine_navbar") {
+ @supports not -moz-bool-pref("userChrome.tabbar.one_liner.responsive") {
@supports not -moz-bool-pref("userChrome.tabbar.one_liner.tabbar_first") {
#nav-bar {
margin-inline-start: var(--uc-window-drag-space-pre) !important;
@@ -5368,143 +5543,109 @@
}
}
}
- }
- }
- }
- }
- }
- @supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled") {
- @supports not -moz-bool-pref("userChrome.tabbar.one_liner") {
- #nav-bar {
- border-inline-start-width: var(--uc-window-control-space);
- border-inline-end-width: var(--uc-window-drag-space-pre);
- }
- }
- @supports -moz-bool-pref("userChrome.tabbar.one_liner") {
- @supports -moz-bool-pref("userChrome.tabbar.one_liner.combine_navbar") {
- #nav-bar {
- border-inline-start-width: var(--uc-window-control-space);
- border-inline-end-width: var(--uc-window-drag-space-pre);
- }
- }
- @supports not -moz-bool-pref("userChrome.tabbar.one_liner.combine_navbar") {
- @supports -moz-bool-pref("userChrome.tabbar.on_bottom") or -moz-bool-pref("userChrome.hidden.tabbar") {
- @media screen and (max-width: 1100px) {
- #nav-bar {
- border-inline-start-width: var(--uc-window-control-space);
- border-inline-end-width: var(--uc-window-drag-space-pre);
+ @supports -moz-bool-pref("userChrome.tabbar.one_liner.responsive") {
+ @media screen and (min-width: 1100px) {
+ @supports not -moz-bool-pref("userChrome.tabbar.one_liner.tabbar_first") {
+ #nav-bar {
+ margin-inline-start: var(--uc-window-drag-space-pre) !important;
+ }
+ }
+ @supports -moz-bool-pref("userChrome.tabbar.one_liner.tabbar_first") {
+ #nav-bar {
+ margin-inline-end: var(--uc-window-control-space) !important;
+ }
+ }
+ }
}
}
}
}
- }
- @supports -moz-bool-pref("userChrome.tabbar.one_liner") {
- @supports not -moz-bool-pref("userChrome.tabbar.one_liner.combine_navbar") {
- @supports not -moz-bool-pref("userChrome.tabbar.one_liner.responsive") {
- @supports not -moz-bool-pref("userChrome.tabbar.one_liner.tabbar_first") {
+ @media (-moz-gtk-csd-available) {
+ @media (-moz-gtk-csd-reversed-placement: 0) {
+ @supports not -moz-bool-pref("userChrome.tabbar.one_liner") {
#nav-bar {
- margin-inline-start: var(--uc-window-control-space, 0px) !important;
+ border-inline-start-width: var(--uc-window-drag-space-pre);
+ border-inline-end-width: var(--uc-window-control-space);
}
}
- @supports -moz-bool-pref("userChrome.tabbar.one_liner.tabbar_first") {
- #nav-bar {
- margin-inline-end: var(--uc-window-drag-space-pre, 0px) !important;
- }
- }
- }
- @supports -moz-bool-pref("userChrome.tabbar.one_liner.responsive") {
- @media screen and (min-width: 1100px) {
- @supports not -moz-bool-pref("userChrome.tabbar.one_liner.tabbar_first") {
+ @supports -moz-bool-pref("userChrome.tabbar.one_liner") {
+ @supports -moz-bool-pref("userChrome.tabbar.one_liner.combine_navbar") {
#nav-bar {
- margin-inline-start: var(--uc-window-control-space, 0px) !important;
+ border-inline-start-width: var(--uc-window-drag-space-pre);
+ border-inline-end-width: var(--uc-window-control-space);
}
}
- @supports -moz-bool-pref("userChrome.tabbar.one_liner.tabbar_first") {
- #nav-bar {
- margin-inline-end: var(--uc-window-drag-space-pre, 0px) !important;
+ @supports not -moz-bool-pref("userChrome.tabbar.one_liner.combine_navbar") {
+ @supports -moz-bool-pref("userChrome.tabbar.on_bottom") or -moz-bool-pref("userChrome.hidden.tabbar") {
+ @media screen and (-moz-gtk-csd-reversed-placement: 0) and (max-width: 1100px) {
+ #nav-bar {
+ border-inline-start-width: var(--uc-window-drag-space-pre);
+ border-inline-end-width: var(--uc-window-control-space);
+ }
+ }
+ }
+ }
+ }
+ @supports -moz-bool-pref("userChrome.tabbar.one_liner") {
+ @supports not -moz-bool-pref("userChrome.tabbar.one_liner.combine_navbar") {
+ @supports not -moz-bool-pref("userChrome.tabbar.one_liner.responsive") {
+ @supports not -moz-bool-pref("userChrome.tabbar.one_liner.tabbar_first") {
+ #nav-bar {
+ margin-inline-start: var(--uc-window-drag-space-pre) !important;
+ }
+ }
+ @supports -moz-bool-pref("userChrome.tabbar.one_liner.tabbar_first") {
+ #nav-bar {
+ margin-inline-end: var(--uc-window-control-space) !important;
+ }
+ }
+ }
+ @supports -moz-bool-pref("userChrome.tabbar.one_liner.responsive") {
+ @media screen and (-moz-gtk-csd-reversed-placement: 0) and (min-width: 1100px) {
+ @supports not -moz-bool-pref("userChrome.tabbar.one_liner.tabbar_first") {
+ #nav-bar {
+ margin-inline-start: var(--uc-window-drag-space-pre) !important;
+ }
+ }
+ @supports -moz-bool-pref("userChrome.tabbar.one_liner.tabbar_first") {
+ #nav-bar {
+ margin-inline-end: var(--uc-window-control-space) !important;
+ }
+ }
+ }
}
}
}
}
}
- }
- @supports -moz-bool-pref("userChrome.tabbar.one_liner") {
- @supports not -moz-bool-pref("userChrome.tabbar.one_liner.combine_navbar") {
- @supports not -moz-bool-pref("userChrome.tabbar.one_liner.responsive") {
- @supports not -moz-bool-pref("userChrome.tabbar.one_liner.tabbar_first") {
- #TabsToolbar {
- margin-inline-end: var(--uc-window-drag-space-pre, 0px) !important;
- }
- }
- }
- @supports -moz-bool-pref("userChrome.tabbar.one_liner.responsive") {
- @media screen and (min-width: 1100px) {
- @supports not -moz-bool-pref("userChrome.tabbar.one_liner.tabbar_first") {
- #TabsToolbar {
- margin-inline-end: var(--uc-window-drag-space-pre, 0px) !important;
- }
- }
- }
- }
- }
- @supports -moz-bool-pref("userChrome.tabbar.one_liner.tabbar_first") {
- @supports not -moz-bool-pref("userChrome.tabbar.one_liner.responsive") {
- #TabsToolbar {
- margin-inline-start: var(--uc-window-control-width, 0px) !important;
- }
- }
- @supports -moz-bool-pref("userChrome.tabbar.one_liner.responsive") {
- @media screen and (min-width: 1100px) {
- #TabsToolbar {
- margin-inline-start: var(--uc-window-control-width, 0px) !important;
- }
- }
- }
- }
- }
- }
- @media (-moz-gtk-csd-available) {
- @media (-moz-gtk-csd-reversed-placement) {
- @supports not -moz-bool-pref("userChrome.tabbar.one_liner") {
- #nav-bar {
- border-inline-start-width: var(--uc-window-control-space);
- border-inline-end-width: var(--uc-window-drag-space-pre);
- }
- }
- @supports -moz-bool-pref("userChrome.tabbar.one_liner") {
- @supports -moz-bool-pref("userChrome.tabbar.one_liner.combine_navbar") {
+ @supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled") {
+ @supports not -moz-bool-pref("userChrome.tabbar.one_liner") {
#nav-bar {
border-inline-start-width: var(--uc-window-control-space);
border-inline-end-width: var(--uc-window-drag-space-pre);
}
}
- @supports not -moz-bool-pref("userChrome.tabbar.one_liner.combine_navbar") {
- @supports -moz-bool-pref("userChrome.tabbar.on_bottom") or -moz-bool-pref("userChrome.hidden.tabbar") {
- @media screen and (-moz-gtk-csd-reversed-placement) and (max-width: 1100px) {
- #nav-bar {
- border-inline-start-width: var(--uc-window-control-space);
- border-inline-end-width: var(--uc-window-drag-space-pre);
+ @supports -moz-bool-pref("userChrome.tabbar.one_liner") {
+ @supports -moz-bool-pref("userChrome.tabbar.one_liner.combine_navbar") {
+ #nav-bar {
+ border-inline-start-width: var(--uc-window-control-space);
+ border-inline-end-width: var(--uc-window-drag-space-pre);
+ }
+ }
+ @supports not -moz-bool-pref("userChrome.tabbar.one_liner.combine_navbar") {
+ @supports -moz-bool-pref("userChrome.tabbar.on_bottom") or -moz-bool-pref("userChrome.hidden.tabbar") {
+ @media screen and (max-width: 1100px) {
+ #nav-bar {
+ border-inline-start-width: var(--uc-window-control-space);
+ border-inline-end-width: var(--uc-window-drag-space-pre);
+ }
}
}
}
}
- }
- @supports -moz-bool-pref("userChrome.tabbar.one_liner") {
- @supports not -moz-bool-pref("userChrome.tabbar.one_liner.combine_navbar") {
- @supports not -moz-bool-pref("userChrome.tabbar.one_liner.responsive") {
- @supports not -moz-bool-pref("userChrome.tabbar.one_liner.tabbar_first") {
- #nav-bar {
- margin-inline-start: var(--uc-window-control-space, 0px) !important;
- }
- }
- @supports -moz-bool-pref("userChrome.tabbar.one_liner.tabbar_first") {
- #nav-bar {
- margin-inline-end: var(--uc-window-drag-space-pre, 0px) !important;
- }
- }
- }
- @supports -moz-bool-pref("userChrome.tabbar.one_liner.responsive") {
- @media screen and (-moz-gtk-csd-reversed-placement) and (min-width: 1100px) {
+ @supports -moz-bool-pref("userChrome.tabbar.one_liner") {
+ @supports not -moz-bool-pref("userChrome.tabbar.one_liner.combine_navbar") {
+ @supports not -moz-bool-pref("userChrome.tabbar.one_liner.responsive") {
@supports not -moz-bool-pref("userChrome.tabbar.one_liner.tabbar_first") {
#nav-bar {
margin-inline-start: var(--uc-window-control-space, 0px) !important;
@@ -5516,49 +5657,155 @@
}
}
}
- }
- }
- }
- @supports -moz-bool-pref("userChrome.tabbar.one_liner") {
- @supports not -moz-bool-pref("userChrome.tabbar.one_liner.combine_navbar") {
- @supports not -moz-bool-pref("userChrome.tabbar.one_liner.responsive") {
- @supports not -moz-bool-pref("userChrome.tabbar.one_liner.tabbar_first") {
- #TabsToolbar {
- margin-inline-end: var(--uc-window-drag-space-pre, 0px) !important;
+ @supports -moz-bool-pref("userChrome.tabbar.one_liner.responsive") {
+ @media screen and (min-width: 1100px) {
+ @supports not -moz-bool-pref("userChrome.tabbar.one_liner.tabbar_first") {
+ #nav-bar {
+ margin-inline-start: var(--uc-window-control-space, 0px) !important;
+ }
+ }
+ @supports -moz-bool-pref("userChrome.tabbar.one_liner.tabbar_first") {
+ #nav-bar {
+ margin-inline-end: var(--uc-window-drag-space-pre, 0px) !important;
+ }
+ }
}
}
}
- @supports -moz-bool-pref("userChrome.tabbar.one_liner.responsive") {
- @media screen and (-moz-gtk-csd-reversed-placement) and (min-width: 1100px) {
+ }
+ @supports -moz-bool-pref("userChrome.tabbar.one_liner") {
+ @supports not -moz-bool-pref("userChrome.tabbar.one_liner.combine_navbar") {
+ @supports not -moz-bool-pref("userChrome.tabbar.one_liner.responsive") {
@supports not -moz-bool-pref("userChrome.tabbar.one_liner.tabbar_first") {
#TabsToolbar {
margin-inline-end: var(--uc-window-drag-space-pre, 0px) !important;
}
}
}
- }
- }
- @supports -moz-bool-pref("userChrome.tabbar.one_liner.tabbar_first") {
- @supports not -moz-bool-pref("userChrome.tabbar.one_liner.responsive") {
- #TabsToolbar {
- margin-inline-start: var(--uc-window-control-width, 0px) !important;
+ @supports -moz-bool-pref("userChrome.tabbar.one_liner.responsive") {
+ @media screen and (min-width: 1100px) {
+ @supports not -moz-bool-pref("userChrome.tabbar.one_liner.tabbar_first") {
+ #TabsToolbar {
+ margin-inline-end: var(--uc-window-drag-space-pre, 0px) !important;
+ }
+ }
+ }
}
}
- @supports -moz-bool-pref("userChrome.tabbar.one_liner.responsive") {
- @media screen and (-moz-gtk-csd-reversed-placement) and (min-width: 1100px) {
+ @supports -moz-bool-pref("userChrome.tabbar.one_liner.tabbar_first") {
+ @supports not -moz-bool-pref("userChrome.tabbar.one_liner.responsive") {
#TabsToolbar {
margin-inline-start: var(--uc-window-control-width, 0px) !important;
}
}
+ @supports -moz-bool-pref("userChrome.tabbar.one_liner.responsive") {
+ @media screen and (min-width: 1100px) {
+ #TabsToolbar {
+ margin-inline-start: var(--uc-window-control-width, 0px) !important;
+ }
+ }
+ }
}
}
}
- }
- }
- @supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled") {
- :root[sizemode="fullscreen"] #TabsToolbar > .titlebar-buttonbox-container:last-child,
- :root[sizemode="fullscreen"] #window-controls {
- right: unset;
+ @media (-moz-gtk-csd-available) {
+ @media (-moz-gtk-csd-reversed-placement) {
+ @supports not -moz-bool-pref("userChrome.tabbar.one_liner") {
+ #nav-bar {
+ border-inline-start-width: var(--uc-window-control-space);
+ border-inline-end-width: var(--uc-window-drag-space-pre);
+ }
+ }
+ @supports -moz-bool-pref("userChrome.tabbar.one_liner") {
+ @supports -moz-bool-pref("userChrome.tabbar.one_liner.combine_navbar") {
+ #nav-bar {
+ border-inline-start-width: var(--uc-window-control-space);
+ border-inline-end-width: var(--uc-window-drag-space-pre);
+ }
+ }
+ @supports not -moz-bool-pref("userChrome.tabbar.one_liner.combine_navbar") {
+ @supports -moz-bool-pref("userChrome.tabbar.on_bottom") or -moz-bool-pref("userChrome.hidden.tabbar") {
+ @media screen and (-moz-gtk-csd-reversed-placement) and (max-width: 1100px) {
+ #nav-bar {
+ border-inline-start-width: var(--uc-window-control-space);
+ border-inline-end-width: var(--uc-window-drag-space-pre);
+ }
+ }
+ }
+ }
+ }
+ @supports -moz-bool-pref("userChrome.tabbar.one_liner") {
+ @supports not -moz-bool-pref("userChrome.tabbar.one_liner.combine_navbar") {
+ @supports not -moz-bool-pref("userChrome.tabbar.one_liner.responsive") {
+ @supports not -moz-bool-pref("userChrome.tabbar.one_liner.tabbar_first") {
+ #nav-bar {
+ margin-inline-start: var(--uc-window-control-space, 0px) !important;
+ }
+ }
+ @supports -moz-bool-pref("userChrome.tabbar.one_liner.tabbar_first") {
+ #nav-bar {
+ margin-inline-end: var(--uc-window-drag-space-pre, 0px) !important;
+ }
+ }
+ }
+ @supports -moz-bool-pref("userChrome.tabbar.one_liner.responsive") {
+ @media screen and (-moz-gtk-csd-reversed-placement) and (min-width: 1100px) {
+ @supports not -moz-bool-pref("userChrome.tabbar.one_liner.tabbar_first") {
+ #nav-bar {
+ margin-inline-start: var(--uc-window-control-space, 0px) !important;
+ }
+ }
+ @supports -moz-bool-pref("userChrome.tabbar.one_liner.tabbar_first") {
+ #nav-bar {
+ margin-inline-end: var(--uc-window-drag-space-pre, 0px) !important;
+ }
+ }
+ }
+ }
+ }
+ }
+ @supports -moz-bool-pref("userChrome.tabbar.one_liner") {
+ @supports not -moz-bool-pref("userChrome.tabbar.one_liner.combine_navbar") {
+ @supports not -moz-bool-pref("userChrome.tabbar.one_liner.responsive") {
+ @supports not -moz-bool-pref("userChrome.tabbar.one_liner.tabbar_first") {
+ #TabsToolbar {
+ margin-inline-end: var(--uc-window-drag-space-pre, 0px) !important;
+ }
+ }
+ }
+ @supports -moz-bool-pref("userChrome.tabbar.one_liner.responsive") {
+ @media screen and (-moz-gtk-csd-reversed-placement) and (min-width: 1100px) {
+ @supports not -moz-bool-pref("userChrome.tabbar.one_liner.tabbar_first") {
+ #TabsToolbar {
+ margin-inline-end: var(--uc-window-drag-space-pre, 0px) !important;
+ }
+ }
+ }
+ }
+ }
+ @supports -moz-bool-pref("userChrome.tabbar.one_liner.tabbar_first") {
+ @supports not -moz-bool-pref("userChrome.tabbar.one_liner.responsive") {
+ #TabsToolbar {
+ margin-inline-start: var(--uc-window-control-width, 0px) !important;
+ }
+ }
+ @supports -moz-bool-pref("userChrome.tabbar.one_liner.responsive") {
+ @media screen and (-moz-gtk-csd-reversed-placement) and (min-width: 1100px) {
+ #TabsToolbar {
+ margin-inline-start: var(--uc-window-control-width, 0px) !important;
+ }
+ }
+ }
+ }
+ }
+ }
+ }
+ @supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled") {
+ :root[sizemode="fullscreen"] #TabsToolbar > .titlebar-buttonbox-container:last-child,
+ :root[sizemode="fullscreen"] #window-controls {
+ right: unset;
+ }
+ }
}
}
}
@@ -5640,6 +5887,123 @@
}
}
}
+/*= Tab Bar - Multi Row ======================================================*/
+@supports -moz-bool-pref("userChrome.tabbar.multi_row") {
+ /* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/multi-row_tabs.css made available under Mozilla Public License v. 2.0
+ See the above repository for updates as well as full license text. */
+ :root {
+ --uc-multirow-tabbar-rows: 3;
+ --uc-multirow-tab-dynamic-width: 1; /* Change to 0 for fixed-width tabs using the above width. */
+ }
+ #tabbrowser-tabs {
+ min-height: unset !important;
+ padding-inline-start: 0px !important;
+ }
+ @-moz-document url("chrome://browser/content/browser.xhtml")
+ {
+ #scrollbutton-up ~ spacer,
+ #scrollbutton-up,
+ #scrollbutton-down {
+ display: var(--scrollbutton-display-model, initial);
+ }
+ scrollbox[part][orient="horizontal"] {
+ display: flex;
+ flex-wrap: wrap;
+ overflow-y: auto;
+ max-height: calc((var(--tab-min-height) + 2 * var(--tab-block-margin, 0px)) * var(--uc-multirow-tabbar-rows));
+ }
+ }
+ .scrollbox-clip[orient="horizontal"],
+ #tabbrowser-arrowscrollbox {
+ overflow: -moz-hidden-unscrollable;
+ display: block;
+ --scrollbutton-display-model: none;
+ }
+ #tabbrowser-tabs .tabbrowser-tab[pinned] {
+ position: static !important;
+ margin-inline-start: 0px !important;
+ }
+ .tabbrowser-tab[fadein]:not([pinned]) {
+ flex-grow: var(--uc-multirow-tab-dynamic-width);
+ }
+ .tabbrowser-tab > stack {
+ width: 100%;
+ height: 100%;
+ }
+ /* remove bottom margin so it doesn't throw off row height computation */
+ #tabs-newtab-button {
+ margin-bottom: 0 !important;
+ }
+ #tabbrowser-tabs[hasadjacentnewtabbutton][overflow="true"]
+ > #tabbrowser-arrowscrollbox
+ > #tabbrowser-arrowscrollbox-periphery
+ > #tabs-newtab-button {
+ display: -moz-box !important;
+ }
+ #alltabs-button,
+ :root:not([customizing]) #TabsToolbar #new-tab-button,
+ #tabbrowser-arrowscrollbox > spacer,
+ .tabbrowser-tab::after {
+ display: none !important;
+ }
+}
+/*= Tab Bar - Scollmode disabled =============================================*/
+@supports -moz-bool-pref("userChrome.tabbar.unscroll") {
+ /* Disable scrollbox */
+ spacer[part="overflow-start-indicator"] + .scrollbox-clip > scrollbox {
+ overflow: -moz-hidden-unscrollable !important;
+ }
+ #tabbrowser-tabs[closebuttons="activetab"] .tabbrowser-tab:not([pinned]):not([visuallyselected]) {
+ /* Set minimum width below which tabs will not shrink */
+ --tab-min-width: 16px;
+ container-type: inline-size;
+ container-name: backgroundTab;
+ }
+ @container backgroundTab (max-width: 46px) {
+ #tabbrowser-tabs[closebuttons="activetab"] .tabbrowser-tab:not([pinned]):not([visuallyselected]) .tab-content {
+ --inline-tab-padding: 0px;
+ justify-self: center;
+ }
+ #tabbrowser-tabs[closebuttons="activetab"]
+ .tabbrowser-tab:not([pinned]):not([visuallyselected])
+ .tab-icon-stack
+ > * {
+ margin-inline-end: 0 !important;
+ }
+ #tabbrowser-tabs[closebuttons="activetab"]
+ .tabbrowser-tab:not([pinned]):not([visuallyselected])
+ .tab-label-container,
+ #tabbrowser-tabs[closebuttons="activetab"]
+ .tabbrowser-tab:not([pinned]):not([visuallyselected]):hover
+ .tab-close-button {
+ visibility: collapse !important;
+ }
+ }
+ #tabbrowser-tabs[closebuttons="activetab"][hasadjacentnewtabbutton="true"] #tabbrowser-arrowscrollbox-periphery {
+ position: absolute !important;
+ right: 0;
+ top: 50%;
+ transform: translateY(-50%);
+ }
+ #tabbrowser-tabs[closebuttons="activetab"][hasadjacentnewtabbutton="true"]
+ #tabbrowser-arrowscrollbox-periphery
+ > #tabs-newtab-button {
+ z-index: 2 !important;
+ }
+ #tabbrowser-tabs[closebuttons="activetab"][hasadjacentnewtabbutton="true"] #tabbrowser-arrowscrollbox {
+ padding-inline-end: calc(
+ 16px + (var(--toolbarbutton-inner-padding) + var(--toolbarbutton-outer-padding)) * 2
+ ) !important;
+ }
+}
+/*= Tab Bar - Fill width tab =================================================*/
+@supports -moz-bool-pref("userChrome.tabbar.fill_width") {
+ /* Why 100vw? Tab closing requires width animation to end and "none" can't be animated */
+ .tabbrowser-tab[fadein]:not([style^="max-width"]) {
+ --tab-max-width: 100vw;
+ max-width: var(--tab-max-width) !important;
+ }
+}
/** Tab UI ********************************************************************/
/*= Tab - Connect to window ==============================================*/
@supports -moz-bool-pref("userChrome.tab.connect_to_window") {
@@ -5658,13 +6022,19 @@
#tabbrowser-tabs {
z-index: 1 !important;
}
- #TabsToolbar:not([multibar]) {
- overflow: clip; /* Prevent toolbar area over */
+ @supports not -moz-bool-pref("userChrome.tabbar.multi_row") {
+ #TabsToolbar:not([multibar]) {
+ overflow: clip; /* Prevent toolbar area over */
+ }
}
/* Pinned Tab - tabbrowser-arrowscrollbox overflowing */
#tabbrowser-tabs[positionpinnedtabs] > #tabbrowser-arrowscrollbox > .tabbrowser-tab[pinned] {
z-index: 0 !important;
}
+ #tabbrowser-tabs[positionpinnedtabs] > #tabbrowser-arrowscrollbox > .tabbrowser-tab[pinned] .tab-stack {
+ /* Temporary solution for compatibility #513 */
+ overflow-y: clip;
+ }
}
/*= Selected Tab =============================================================*/
/*= Selected Tab - Color like toolbar ========================================*/
@@ -5687,22 +6057,34 @@
}
/*= Multi Selected Color - More Contrast =====================================*/
@supports -moz-bool-pref("userChrome.tab.multi_selected") {
+ #TabsToolbar {
+ --uc-multiselected-tab-bgcolor: color-mix(in srgb, currentColor 28%, var(--toolbar-bgcolor, transparent));
+ }
+ #TabsToolbar[brighttext] {
+ --uc-multiselected-tab-bgcolor: color-mix(in srgb, currentColor 16%, var(--toolbar-bgcolor, transparent));
+ }
#tabbrowser-tabs:not([movingtab])
> #tabbrowser-arrowscrollbox
> .tabbrowser-tab
> .tab-stack
- > .tab-background[multiselected]:not([selected]):-moz-lwtheme {
- background-image: linear-gradient(var(--toolbar-bgcolor, transparent), var(--toolbar-bgcolor, transparent)),
- linear-gradient(var(--toolbar-bgcolor), var(--toolbar-bgcolor)), var(--lwt-header-image, none) !important;
- }
- .tab-background[multiselected="true"]:not([selected="true"]) > .tab-loading-burst:not([bursting]) {
- background: color-mix(in srgb, currentColor 65%, transparent);
- opacity: 0.3;
- }
- #TabsToolbar[brighttext]
- .tab-background[multiselected="true"]:not([selected="true"])
- > .tab-loading-burst:not([bursting]) {
- opacity: 0.15;
+ > .tab-background[multiselected]:not([selected]) {
+ /* Original:
+ background-attachment: scroll, scroll, fixed;
+ background-color: transparent;
+ background-image: linear-gradient(var(--lwt-selected-tab-background-color, transparent), var(--lwt-selected-tab-background-color, transparent)),
+ linear-gradient(var(--toolbar-bgcolor), var(--toolbar-bgcolor)),
+ var(--lwt-header-image, none);
+ background-position: 0 0, 0 0, right top;
+ background-repeat: repeat-x, repeat-x, no-repeat;
+ background-size: auto 100%, auto 100%, auto auto;
+ */
+ background-attachment: scroll, fixed !important;
+ background-color: transparent !important;
+ background-image: linear-gradient(var(--uc-multiselected-tab-bgcolor), var(--uc-multiselected-tab-bgcolor)),
+ var(--lwt-header-image, none) !important;
+ background-position: 0 0, right top !important;
+ background-repeat: repeat-x, no-repeat !important;
+ background-size: auto 100%, auto auto !important;
}
@supports -moz-bool-pref("userChrome.tab.connect_to_window") {
.tab-background[multiselected="true"] {
@@ -5723,37 +6105,34 @@
}
/*= Selected Tab - Box Shadow ================================================*/
@supports -moz-bool-pref("userChrome.tab.box_shadow") {
- #TabsToolbar[brighttext]
+ #TabsToolbar {
+ --uc-tab-shadow-color: var(
+ --tab-line-color,
+ var(--lwt-tab-line-color, var(--tabs-border-color, rgba(128, 128, 142, 0.9)))
+ );
+ --uc-tab-shadow-color-bundle: var(--tab-line-color, var(--lwt-tab-line-color, rgba(128, 128, 142, 0.9)));
+ }
+ #tabbrowser-tabs:not([noshadowfortests]) .tab-background:is([selected], [multiselected]) {
+ box-shadow: unset !important;
+ filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.4));
+ }
+ :root:is([lwtheme-mozlightdark], [style*="--lwt-accent-color: rgb(28, 27, 34); --lwt-text-color: rgba(251, 251, 254);"])
+ #TabsToolbar[brighttext]
#tabbrowser-tabs:not([noshadowfortests])
- .tabbrowser-tab[visuallyselected="true"]:not(:focus)
+ .tabbrowser-tab:is([selected], [multiselected])
> .tab-stack
> .tab-background:-moz-lwtheme {
- /* Original: 0 0 1px var(--tab-line-color, rgba(128,128,142,0.9))
- Bright: 0 0 1px var(--tab-line-color, rgba(128,128,142,0.9)), 0 0 4px rgba(128,128,142,0.5) */
- box-shadow: 0 0 1px var(--toolbar-color) !important;
+ filter: drop-shadow(0 0 1px var(--uc-tab-shadow-color, transparent));
}
- #TabsToolbar[brighttext]
+ :root:is([lwtheme-mozlightdark], [style*="--lwt-accent-color: rgb(28, 27, 34); --lwt-text-color: rgba(251, 251, 254);"])
+ #TabsToolbar[brighttext]
#tabbrowser-tabs:not([noshadowfortests])
- .tabbrowser-tab[multiselected]:not([visuallyselected])
- > .tab-stack
- > .tab-background:-moz-lwtheme {
- box-shadow: 0 0 1px color-mix(in srgb, var(--toolbar-color) 80%, transparent) !important;
- }
- /* Consider 0 0 4px rgba(128,128,142,0.9) -> 0 0 4px rgba(0,0,0,.4) new default */
- #TabsToolbar:not([brighttext])
+ .tabbrowser-tab[visuallyselected="true"]:not(:focus),
+ :root:is([lwtheme-mozlightdark], [style*="--lwt-accent-color: rgb(28, 27, 34); --lwt-text-color: rgba(251, 251, 254);"])
+ #TabsToolbar[brighttext]
#tabbrowser-tabs:not([noshadowfortests])
- .tabbrowser-tab:is([visuallyselected="true"], [multiselected])
- > .tab-stack
- > .tab-background {
- box-shadow: 0 0 1px var(--tab-line-color, var(--lwt-tab-line-color, rgba(128, 128, 142, 0.9))),
- 0 0 4px rgba(128, 128, 142, 0.5) !important;
- }
- #TabsToolbar[brighttext]
- #tabbrowser-tabs:not([noshadowfortests])
- .tabbrowser-tab:is([visuallyselected="true"], [multiselected])
- > .tab-stack
- > .tab-background:-moz-lwtheme {
- box-shadow: 0 0 1px var(--tab-line-color, var(--lwt-tab-line-color, rgba(128, 128, 142, 0.9))) !important;
+ .tabbrowser-tab[multiselected]:not([visuallyselected]) {
+ --uc-tab-shadow-color: var(--toolbar-color);
}
/* For themes outside of Light and Dark (which are curated by Mozilla), show a thicker border
around the tab to help themes that are dependent on tab_line to show the selected tab. */
@@ -5763,9 +6142,9 @@
.tabbrowser-tab:is([visuallyselected="true"], [multiselected])
> .tab-stack
> .tab-background:-moz-lwtheme {
- box-shadow: 0 0 0 1px
- var(--tab-line-color, var(--lwt-tab-line-color, var(--tabs-border-color, rgba(128, 128, 142, 0.9)))),
- 0 0 4px rgba(128, 128, 142, 0.5) !important;
+ --uc-tab-shadow-color: var(--uc-tab-shadow-color-bundle);
+ filter: drop-shadow(-1px -0.5px 0px var(--uc-tab-shadow-color, transparent))
+ drop-shadow(1px -1px 0px var(--uc-tab-shadow-color, transparent)) drop-shadow(0 0 2px rgba(128, 128, 142, 0.5));
}
:root:not([lwtheme-mozlightdark], [style*="--lwt-accent-color: rgb(28, 27, 34); --lwt-text-color: rgba(251, 251, 254);"])
#TabsToolbar[brighttext]
@@ -5773,96 +6152,358 @@
.tabbrowser-tab:is([visuallyselected="true"], [multiselected])
> .tab-stack
> .tab-background:-moz-lwtheme {
- box-shadow: 0 0 0 1px
- var(--tab-line-color, var(--lwt-tab-line-color, var(--tabs-border-color, rgba(128, 128, 142, 0.9)))) !important;
+ filter: drop-shadow(-1px -0.5px 0px var(--uc-tab-shadow-color, transparent))
+ drop-shadow(1px -1px 0px var(--uc-tab-shadow-color, transparent));
}
}
/*= Selected Tab - Bottom Rounded Corner =====================================*/
@supports -moz-bool-pref("userChrome.tab.bottom_rounded_corner") {
- #tabbrowser-tabs {
- --tab-corner-rounding: 3px; /* 10px looks about like chromium - 17px looks close to Australis tabs */
- --tab-corner-padding: 0px;
- --tab-corner-position: calc(var(--tab-corner-padding) - var(--tab-corner-rounding));
+ @supports not -moz-bool-pref("userChrome.tab.bottom_rounded_corner.wave") {
+ @supports not -moz-bool-pref("userChrome.tab.bottom_rounded_corner.australis") {
+ @supports not -moz-bool-pref("userChrome.tab.bottom_rounded_corner.chrome") {
+ @supports not -moz-bool-pref("userChrome.tab.bottom_rounded_corner.chrome_legacy") {
+ @supports not -moz-bool-pref("userChrome.tab.bottom_rounded_corner.edge") {
+ #TabsToolbar {
+ --uc-tab-corner-rounding: 3px; /* 10px looks about like chromium - 17px looks close to Australis tabs */
+ --uc-tab-corner-padding: 0px;
+ --uc-tab-corner-position: calc(var(--uc-tab-corner-padding) - var(--uc-tab-corner-rounding));
+ --uc-tab-corner-left-side-svg: url("../icons/tab-bottom-corner-left.svg");
+ --uc-tab-corner-right-side-svg: url("../icons/tab-bottom-corner-right.svg");
+ }
+ :root:not([customizing="true"]) .tabbrowser-tab .tab-background::before,
+ :root:not([customizing="true"]) .tabbrowser-tab .tab-background::after {
+ /* Box */
+ display: block;
+ position: absolute;
+ z-index: 1;
+ bottom: 0;
+ /* Shape */
+ width: var(--uc-tab-corner-rounding);
+ height: 100%;
+ /* Color */
+ fill: transparent;
+ stroke: transparent;
+ -moz-context-properties: fill, stroke;
+ /* Image */
+ background-size: var(--uc-tab-corner-rounding);
+ background-repeat: no-repeat;
+ background-position-y: bottom;
+ }
+ @supports -moz-bool-pref("userChrome.tab.bottom_rounded_corner.all") {
+ :root:not([customizing="true"]) .tabbrowser-tab .tab-background::before,
+ :root:not([customizing="true"]) .tabbrowser-tab .tab-background::after {
+ content: "";
+ }
+ }
+ @supports not -moz-bool-pref("userChrome.tab.color_like_toolbar") {
+ :root:not([customizing="true"]) .tabbrowser-tab .tab-background::before,
+ :root:not([customizing="true"]) .tabbrowser-tab .tab-background::after {
+ /* Based on tab background
+ background-image: linear-gradient(var(--lwt-selected-tab-background-color, transparent), var(--lwt-selected-tab-background-color, transparent)), linear-gradient(var(--toolbar-bgcolor), var(--toolbar-bgcolor)), var(--lwt-header-image, none);
+
+ defaults
+ background-color: var(--tab-selected-bgcolor, var(--toolbar-bgcolor));
+ background-image: var(--tab-selected-bgimage, var(--toolbar-bgimage));
+ */
+ fill: var(
+ --lwt-selected-tab-background-color,
+ var(--tab-selected-bgcolor, var(--toolbar-bgcolor))
+ ) !important;
+ }
+ }
+ :root:not([customizing="true"]) .tabbrowser-tab .tab-background::before {
+ left: var(--uc-tab-corner-position);
+ background-image: var(--uc-tab-corner-left-side-svg);
+ }
+ :root:not([customizing="true"]) .tabbrowser-tab .tab-background::after {
+ right: var(--uc-tab-corner-position);
+ background-image: var(--uc-tab-corner-right-side-svg);
+ }
+ :root:not([customizing="true"]) .tabbrowser-tab[visuallyselected] .tab-background::before,
+ :root:not([customizing="true"]) .tabbrowser-tab[visuallyselected] .tab-background::after {
+ fill: var(--tab-selected-bgcolor, var(--toolbar-bgcolor));
+ stroke: var(--tab-line-color, var(--tabs-border-color, rgba(128, 128, 142, 0.9)));
+ }
+ @supports not -moz-bool-pref("userChrome.tab.bottom_rounded_corner.all") {
+ :root:not([customizing="true"]) .tabbrowser-tab[visuallyselected] .tab-background::before,
+ :root:not([customizing="true"]) .tabbrowser-tab[visuallyselected] .tab-background::after {
+ content: "";
+ }
+ }
+ :root:not([customizing="true"]) .tabbrowser-tab[multiselected] .tab-background::before,
+ :root:not([customizing="true"]) .tabbrowser-tab[multiselected] .tab-background::after {
+ fill: var(--tab-selected-bgcolor, var(--toolbar-bgcolor));
+ }
+ :root:not([customizing="true"])
+ .tabbrowser-tab:hover:not([visuallyselected], [multiselected])
+ .tab-background::before,
+ :root:not([customizing="true"])
+ .tabbrowser-tab:hover:not([visuallyselected], [multiselected])
+ .tab-background::after {
+ fill: color-mix(in srgb, currentColor 11%, transparent);
+ }
+ @supports -moz-bool-pref("userChrome.tab.multi_selected") {
+ :root:not([customizing="true"])
+ .tabbrowser-tab[multiselected]:not([visuallyselected])
+ .tab-background::before,
+ :root:not([customizing="true"])
+ .tabbrowser-tab[multiselected]:not([visuallyselected])
+ .tab-background::after {
+ fill: color-mix(in srgb, currentColor 65%, transparent);
+ opacity: 0.3;
+ }
+ }
+ :root:not([customizing="true"])::is([lwtheme-mozlightdark], [style*="--lwt-accent-color: rgb(28, 27, 34); --lwt-text-color: rgba(251, 251, 254);"])
+ #TabsToolbar[brighttext]
+ #tabbrowser-tabs:not([noshadowfortests])
+ .tabbrowser-tab[visuallyselected]
+ .tab-background:-moz-lwtheme::before,
+ :root:not([customizing="true"])::is([lwtheme-mozlightdark], [style*="--lwt-accent-color: rgb(28, 27, 34); --lwt-text-color: rgba(251, 251, 254);"])
+ #TabsToolbar[brighttext]
+ #tabbrowser-tabs:not([noshadowfortests])
+ .tabbrowser-tab[visuallyselected]
+ .tab-background:-moz-lwtheme::after {
+ /* As Selected Tab - Box Shadow */
+ stroke: var(--toolbar-color);
+ }
+ @media (-moz-gtk-csd-available) {
+ :root:not([customizing="true"]) {
+ /* Fill color for GTK */
+ }
+ :root:not([customizing="true"]):not([lwtheme="true"])
+ .tabbrowser-tab:is([visuallyselected], [multiselected])
+ .tab-background::before,
+ :root:not([customizing="true"]):not([lwtheme="true"])
+ .tabbrowser-tab:is([visuallyselected], [multiselected])
+ .tab-background::after {
+ /* As GTK Toolbar's background-color + background-image
+ * --toolbar-non-lwt-bgcolor: -moz-dialog;
+ * --toolbar-non-lwt-bgimage: linear-gradient(rgba(255,255,255,.15), rgba(255,255,255,.15));
+ */
+ fill: color-mix(in srgb, rgb(255, 255, 255) 15%, -moz-dialog);
+ stroke: transparent;
+ opacity: 1;
+ }
+ :root:not([customizing="true"]):not([lwtheme="true"])
+ #TabsToolbar[brighttext]
+ .tabbrowser-tab[visuallyselected]
+ .tab-background::before,
+ :root:not([customizing="true"]):not([lwtheme="true"])
+ #TabsToolbar[brighttext]
+ .tabbrowser-tab[visuallyselected]
+ .tab-background::after {
+ stroke: transparent;
+ }
+ }
+ }
+ }
+ }
+ }
}
- :root:not([customizing="true"]) tab[visuallyselected] > stack::before,
- :root:not([customizing="true"]) tab[visuallyselected] > stack::after {
- content: "" !important;
- /* Box */
- display: block !important;
- position: absolute !important;
- z-index: 1 !important;
- /* Shape */
- width: var(--tab-corner-rounding) !important;
- height: 100% !important;
- /* Color */
- fill: var(--toolbar-bgcolor) !important;
- stroke: var(--tab-line-color, var(--tabs-border-color, rgba(128, 128, 142, 0.9))) !important;
- -moz-context-properties: fill, stroke !important;
- /* Image */
- background-size: var(--tab-corner-rounding);
- background-repeat: no-repeat;
- background-position-y: bottom;
- }
- :root:not([customizing="true"]):is([lwtheme-mozlightdark], [style*="--lwt-accent-color: rgb(28, 27, 34); --lwt-text-color: rgba(251, 251, 254);"])
- #TabsToolbar[brighttext]
- #tabbrowser-tabs:not([noshadowfortests])
- tab[visuallyselected]
- > stack:-moz-lwtheme::before,
- :root:not([customizing="true"]):is([lwtheme-mozlightdark], [style*="--lwt-accent-color: rgb(28, 27, 34); --lwt-text-color: rgba(251, 251, 254);"])
- #TabsToolbar[brighttext]
- #tabbrowser-tabs:not([noshadowfortests])
- tab[visuallyselected]
- > stack:-moz-lwtheme::after {
- /* As Selected Tab - Box Shadow */
- stroke: var(--toolbar-color) !important;
- }
- tab[visuallyselected] > stack::before {
- left: var(--tab-corner-position) !important;
- background-image: url("../icons/tab-bottom-corner-left.svg");
- }
- tab[visuallyselected] > stack::after {
- left: auto;
- right: var(--tab-corner-position);
- background-image: url("../icons/tab-bottom-corner-right.svg");
- }
- @media (-moz-gtk-csd-available) {
- /* Fill color for GTK */
- :root:not([customizing="true"]):not([lwtheme="true"]) tab[visuallyselected] > stack::before,
- :root:not([customizing="true"]):not([lwtheme="true"]) tab[visuallyselected] > stack::after {
- /* As GTK Toolbar's background-color + background-image
+ @supports -moz-bool-pref("userChrome.tab.bottom_rounded_corner.wave") or -moz-bool-pref(
+ "userChrome.tab.bottom_rounded_corner.australis"
+ ) or -moz-bool-pref("userChrome.tab.bottom_rounded_corner.chrome_legacy") or -moz-bool-pref(
+ "userChrome.tab.bottom_rounded_corner.chrome"
+ ) or -moz-bool-pref("userChrome.tab.bottom_rounded_corner.edge") {
+ #TabsToolbar {
+ --uc-tab-corner-height: calc(var(--tab-min-height) + 1px);
+ --uc-tab-corner-size: var(--uc-tab-corner-height);
+ --uc-tab-corner-half-size: calc(var(--uc-tab-corner-size) / 2);
+ --uc-tab-corner-half-size-reverse: calc(var(--uc-tab-corner-half-size) * -1);
+ --uc-tab-corner-bgimage: none;
+ }
+ @supports -moz-bool-pref("userChrome.tab.bottom_rounded_corner.wave") {
+ #TabsToolbar {
+ --uc-tab-corner-left-side-svg: url("../icons/tab-bottom-corner-left-wave.svg");
+ --uc-tab-corner-left-side-clipPath: url("../icons/tab-bottom-corner-left-wave.svg#svgClipPath");
+ --uc-tab-corner-right-side-svg: url("../icons/tab-bottom-corner-right-wave.svg");
+ --uc-tab-corner-right-side-clipPath: url("../icons/tab-bottom-corner-right-wave.svg#svgClipPath");
+ --uc-tab-corner-left-side-svg-clipped: url("../icons/tab-bottom-corner-left-wave-clipped.svg");
+ --uc-tab-corner-right-side-svg-clipped: url("../icons/tab-bottom-corner-right-wave-clipped.svg");
+ }
+ }
+ @supports -moz-bool-pref("userChrome.tab.bottom_rounded_corner.australis") {
+ #TabsToolbar {
+ --uc-tab-corner-left-side-svg: url("../icons/tab-bottom-corner-left-australis.svg");
+ --uc-tab-corner-left-side-clipPath: url("../icons/tab-bottom-corner-left-australis.svg#svgClipPath");
+ --uc-tab-corner-right-side-svg: url("../icons/tab-bottom-corner-right-australis.svg");
+ --uc-tab-corner-right-side-clipPath: url("../icons/tab-bottom-corner-right-australis.svg#svgClipPath");
+ --uc-tab-corner-left-side-svg-clipped: url("../icons/tab-bottom-corner-left-australis-clipped.svg");
+ --uc-tab-corner-right-side-svg-clipped: url("../icons/tab-bottom-corner-right-australis-cilpped.svg");
+ }
+ }
+ @supports -moz-bool-pref("userChrome.tab.bottom_rounded_corner.chrome") {
+ #TabsToolbar {
+ --uc-tab-corner-left-side-svg: url("../icons/tab-bottom-corner-left-chrome.svg");
+ --uc-tab-corner-left-side-clipPath: url("../icons/tab-bottom-corner-left-chrome.svg#svgClipPath");
+ --uc-tab-corner-right-side-svg: url("../icons/tab-bottom-corner-right-chrome.svg");
+ --uc-tab-corner-right-side-clipPath: url("../icons/tab-bottom-corner-right-chrome.svg#svgClipPath");
+ --uc-tab-corner-left-side-svg-clipped: url("../icons/tab-bottom-corner-left-chrome-clipped.svg");
+ --uc-tab-corner-right-side-svg-clipped: url("../icons/tab-bottom-corner-right-chrome-clipped.svg");
+ --uc-tab-corner-size: 16px;
+ }
+ }
+ @supports -moz-bool-pref("userChrome.tab.bottom_rounded_corner.chrome_legacy") {
+ #TabsToolbar {
+ --uc-tab-corner-left-side-svg: url("../icons/tab-bottom-corner-left-chromeLegacy.svg");
+ --uc-tab-corner-left-side-clipPath: url("../icons/tab-bottom-corner-left-chromeLegacy.svg#svgClipPath");
+ --uc-tab-corner-right-side-svg: url("../icons/tab-bottom-corner-right-chromeLegacy.svg");
+ --uc-tab-corner-right-side-clipPath: url("../icons/tab-bottom-corner-right-chromeLegacy.svg#svgClipPath");
+ --uc-tab-corner-left-side-svg-clipped: url("../icons/tab-bottom-corner-left-chromeLegacy-clipped.svg");
+ --uc-tab-corner-right-side-svg-clipped: url("../icons/tab-bottom-corner-right-chromeLegacy-clipped.svg");
+ }
+ }
+ @supports -moz-bool-pref("userChrome.tab.bottom_rounded_corner.edge") {
+ #TabsToolbar {
+ --uc-tab-corner-left-side-svg: url("../icons/tab-bottom-corner-left-edge.svg");
+ --uc-tab-corner-left-side-clipPath: url("../icons/tab-bottom-corner-left-edge.svg#svgClipPath");
+ --uc-tab-corner-right-side-svg: url("../icons/tab-bottom-corner-right-edge.svg");
+ --uc-tab-corner-right-side-clipPath: url("../icons/tab-bottom-corner-right-edge.svg#svgClipPath");
+ --uc-tab-corner-left-side-svg-clipped: url("../icons/tab-bottom-corner-left-edge-clipped.svg");
+ --uc-tab-corner-right-side-svg-clipped: url("../icons/tab-bottom-corner-right-edge-clipped.svg");
+ --uc-tab-corner-size: 14px;
+ }
+ }
+ @supports -moz-bool-pref("userChrome.tab.bottom_rounded_corner.all") {
+ .tabbrowser-tab {
+ padding-inline: 0 !important;
+ overflow-clip-margin: var(--uc-tab-corner-half-size) !important;
+ }
+ .tabbrowser-tab .tab-background {
+ --tab-border-radius: 0px;
+ margin-inline: var(--uc-tab-corner-half-size) !important;
+ position: relative;
+ }
+ }
+ @supports not -moz-bool-pref("userChrome.tab.bottom_rounded_corner.all") {
+ .tabbrowser-tab[visuallyselected] {
+ padding-inline: 0 !important;
+ overflow-clip-margin: var(--uc-tab-corner-half-size) !important;
+ }
+ .tabbrowser-tab[visuallyselected] .tab-background {
+ --tab-border-radius: 0px;
+ margin-inline: var(--uc-tab-corner-half-size) !important;
+ position: relative;
+ }
+ .tabbrowser-tab[visuallyselected] .tab-background::before,
+ .tabbrowser-tab[visuallyselected] .tab-background::after {
+ content: "";
+ }
+ }
+ .tabbrowser-tab .tab-background::before,
+ .tabbrowser-tab .tab-background::after {
+ /* Box */
+ display: block;
+ position: absolute;
+ z-index: -1;
+ bottom: -1px;
+ /* Shape */
+ width: var(--uc-tab-corner-size);
+ height: var(--uc-tab-corner-height);
+ /* Color */
+ fill: transparent;
+ -moz-context-properties: fill;
+ /* Image */
+ background-size: cover, auto auto;
+ background-repeat: no-repeat, no-repeat;
+ background-position: bottom, right top;
+ background-attachment: scroll, fixed;
+ }
+ @supports -moz-bool-pref("userChrome.tab.bottom_rounded_corner.all") {
+ .tabbrowser-tab .tab-background::before,
+ .tabbrowser-tab .tab-background::after {
+ content: "";
+ }
+ }
+ @supports not -moz-bool-pref("userChrome.tab.color_like_toolbar") {
+ .tabbrowser-tab .tab-background::before,
+ .tabbrowser-tab .tab-background::after {
+ /* Based on tab background
+ background-image: linear-gradient(var(--lwt-selected-tab-background-color, transparent), var(--lwt-selected-tab-background-color, transparent)), linear-gradient(var(--toolbar-bgcolor), var(--toolbar-bgcolor)), var(--lwt-header-image, none);
+
+ defaults
+ background-color: var(--tab-selected-bgcolor, var(--toolbar-bgcolor));
+ background-image: var(--tab-selected-bgimage, var(--toolbar-bgimage));
+ */
+ fill: var(--lwt-selected-tab-background-color, var(--tab-selected-bgcolor, var(--toolbar-bgcolor))) !important;
+ }
+ }
+ .tabbrowser-tab .tab-background::before {
+ right: 100%;
+ background-image: var(--uc-tab-corner-left-side-svg), var(--uc-tab-corner-bgimage);
+ clip-path: var(--uc-tab-corner-left-side-clipPath);
+ }
+ .tabbrowser-tab .tab-background::after {
+ left: 100%;
+ background-image: var(--uc-tab-corner-right-side-svg), var(--uc-tab-corner-bgimage);
+ clip-path: var(--uc-tab-corner-right-side-clipPath);
+ }
+ .tabbrowser-tab:has(+ .tabbrowser-tab[visuallyselected]) .tab-background::after {
+ --uc-tab-corner-right-side-svg: var(--uc-tab-corner-right-side-svg-clipped);
+ }
+ .tabbrowser-tab[visuallyselected] + .tabbrowser-tab .tab-background::before {
+ --uc-tab-corner-left-side-svg: var(--uc-tab-corner-left-side-svg-clipped);
+ }
+ .tabbrowser-tab:is([visuallyselected], [multiselected]) .tab-background {
+ --uc-tab-corner-bgimage: var(--lwt-header-image, none);
+ }
+ .tabbrowser-tab:is([visuallyselected], [multiselected]) .tab-background::before,
+ .tabbrowser-tab:is([visuallyselected], [multiselected]) .tab-background::after {
+ fill: var(--tab-selected-bgcolor, var(--toolbar-bgcolor));
+ }
+ .tabbrowser-tab:hover:not([visuallyselected], [multiselected]) .tab-background::before,
+ .tabbrowser-tab:hover:not([visuallyselected], [multiselected]) .tab-background::after {
+ fill: color-mix(in srgb, currentColor 11%, transparent);
+ }
+ @supports -moz-bool-pref("userChrome.tab.multi_selected") {
+ .tabbrowser-tab[multiselected]:not([visuallyselected]) .tab-background::before,
+ .tabbrowser-tab[multiselected]:not([visuallyselected]) .tab-background::after {
+ fill: var(--uc-multiselected-tab-bgcolor);
+ }
+ }
+ #tabbrowser-tabs[movingtab] .tabbrowser-tab:is([visuallyselected], [multiselected]) .tab-background:-moz-lwtheme {
+ --uc-tab-corner-bgimage: none;
+ }
+ @media (-moz-gtk-csd-available) {
+ /* Fill color for GTK */
+ @supports -moz-bool-pref("userChrome.tab.box_shadow") {
+ :root:not([lwtheme="true"]) .tabbrowser-tab {
+ --uc-tab-shadow-color: rgba(0, 0, 0, 0.4);
+ }
+ }
+ :root:not([lwtheme="true"]) .tabbrowser-tab[visuallyselected] .tab-background {
+ background-clip: content-box;
+ }
+ :root:not([lwtheme="true"]) .tabbrowser-tab[visuallyselected] .tab-background::before,
+ :root:not([lwtheme="true"]) .tabbrowser-tab[visuallyselected] .tab-background::after {
+ /* As GTK Toolbar's background-color + background-image
* --toolbar-non-lwt-bgcolor: -moz-dialog;
* --toolbar-non-lwt-bgimage: linear-gradient(rgba(255,255,255,.15), rgba(255,255,255,.15));
*/
- fill: color-mix(in srgb, rgb(255, 255, 255) 15%, -moz-dialog) !important;
- stroke: transparent !important;
+ --uc-tab-corner-bgimage: linear-gradient(var(--toolbar-non-lwt-bgcolor), var(--toolbar-non-lwt-bgcolor));
+ fill: rgba(255, 255, 255, 0.075);
+ }
+ @supports not -moz-bool-pref("userChrome.tab.color_like_toolbar") {
+ :root:not([lwtheme="true"]) .tabbrowser-tab[visuallyselected] .tab-background::before,
+ :root:not([lwtheme="true"]) .tabbrowser-tab[visuallyselected] .tab-background::after {
+ fill: rgba(255, 255, 255, 0.15);
+ }
+ }
}
- :root:not([customizing="true"]):not([lwtheme="true"])
- #TabsToolbar[brighttext]
- tab[visuallyselected]
- > stack::before,
- :root:not([customizing="true"]):not([lwtheme="true"])
- #TabsToolbar[brighttext]
- tab[visuallyselected]
- > stack::after {
- stroke: transparent !important;
+ #tabbrowser-tabs[positionpinnedtabs],
+ #tabbrowser-tabs:not([overflow]) .tabbrowser-tab:first-of-type,
+ #tabbrowser-tabs[overflow] .tabbrowser-tab[first-visible-unpinned-tab] {
+ margin-left: var(--uc-tab-corner-half-size) !important;
}
- }
- @supports not -moz-bool-pref("userChrome.tab.color_like_toolbar") {
- :root:not([customizing="true"]) tab[visuallyselected] > stack::before,
- :root:not([customizing="true"]) tab[visuallyselected] > stack::after {
- /* Based on tab background
- background-image: linear-gradient(var(--lwt-selected-tab-background-color, transparent), var(--lwt-selected-tab-background-color, transparent)), linear-gradient(var(--toolbar-bgcolor), var(--toolbar-bgcolor)), var(--lwt-header-image, none);
-
- defaults
- background-color: var(--tab-selected-bgcolor, var(--toolbar-bgcolor));
- background-image: var(--tab-selected-bgimage, var(--toolbar-bgimage));
- */
- fill: var(--lwt-selected-tab-background-color, var(--tab-selected-bgcolor, var(--toolbar-bgcolor))) !important;
+ .tabbrowser-tab:last-of-type {
+ margin-right: var(--uc-tab-corner-half-size) !important;
}
}
}
/*= Selected Tab - Photon like contextline ===================================*/
-@supports -moz-bool-pref("userChrome.tab.photon_like_contextline") or -moz-bool-pref("userChrome.tab.static_separator") {
+@supports -moz-bool-pref("userChrome.tab.photon_like_contextline") or -moz-bool-pref("userChrome.tab.static_separator") or -moz-bool-pref(
+ "userChrome.tab.bar_separator"
+ ) {
:root[lwtheme-mozlightdark] #tabbrowser-tabs,
:root[style*="--lwt-accent-color: rgb(240, 240, 244); --lwt-text-color: rgba(21, 20, 26);"],
:root[style*="--lwt-accent-color: rgb(28, 27, 34); --lwt-text-color: rgba(251, 251, 254);"] {
@@ -5942,7 +6583,7 @@
}
/*= Unselected Tab - Divide line =============================================*/
/*= Unselected Tab - Dynamic Separator =======================================*/
-@supports -moz-bool-pref("userChrome.tab.dynamic_separator") or -moz-bool-pref("userChrome.tab.dynamic_separtor") {
+@supports -moz-bool-pref("userChrome.tab.dynamic_separator") {
#tabbrowser-arrowscrollbox {
--start-tab-separator-position-x: -1.5px;
--end-tab-separator-position-x: 1.5px;
@@ -5958,7 +6599,7 @@
position: relative;
}
@supports -moz-bool-pref("userChrome.tab.newtab_button_like_tab") {
- .tab-background::before,
+ .tab-stack::before,
#tabs-newtab-button::before {
/* Box Model */
content: "";
@@ -5976,17 +6617,17 @@
transform: translateX(var(--tab-separator-position-x)) translateY(var(--tab-separator-position-y));
}
@supports -moz-bool-pref("userChrome.compatibility.dynamic_separator") {
- .tab-background::before,
+ .tab-stack::before,
#tabs-newtab-button::before {
background-color: var(--tabs-border-color);
}
}
}
@supports not -moz-bool-pref("userChrome.tab.newtab_button_like_tab") {
- .tab-background::before,
+ .tab-stack::before,
#tabbrowser-arrowscrollbox:not([overflowing])
- .tabbrowser-tab:not([visuallyselected], [multiselected], :hover)[last-visible-tab]
- .tab-background::after {
+ .tabbrowser-tab:not([visuallyselected], [multiselected], :hover):last-of-type
+ .tab-stack::after {
/* Box Model */
content: "";
display: block;
@@ -6001,35 +6642,35 @@
background-color: var(--toolbarseparator-color);
}
@supports -moz-bool-pref("userChrome.compatibility.dynamic_separator") {
- .tab-background::before,
+ .tab-stack::before,
#tabbrowser-arrowscrollbox:not([overflowing])
- .tabbrowser-tab:not([visuallyselected], [multiselected], :hover)[last-visible-tab]
- .tab-background::after {
+ .tabbrowser-tab:not([visuallyselected], [multiselected], :hover):last-of-type
+ .tab-stack::after {
background-color: var(--tabs-border-color);
}
}
- .tab-background::before {
+ .tab-stack::before {
transform: translateX(var(--tab-separator-position-x)) translateY(var(--tab-separator-position-y)) !important;
}
- .tabbrowser-tab[last-visible-tab] .tab-background::after {
+ .tabbrowser-tab:last-of-type .tab-stack::after {
right: 0;
transform: translateX(var(--end-tab-separator-position-x)) translateY(var(--tab-separator-position-y)) !important;
}
}
- .tabbrowser-tab:not([visuallyselected], [multiselected], :hover, :first-child) .tab-background::before {
+ .tabbrowser-tab:not([visuallyselected], [multiselected], :hover, :first-of-type) .tab-stack::before {
opacity: var(--tab-separator-opacity);
}
@supports -moz-bool-pref("userChrome.tabbar.one_liner") {
@supports not -moz-bool-pref("userChrome.tabbar.one_liner.tabbar_first") {
@supports not -moz-bool-pref("userChrome.tabbar.one_liner.responsive") {
- .tabbrowser-tab:not([visuallyselected], [multiselected], :hover):first-child .tab-background::before {
+ .tabbrowser-tab:not([visuallyselected], [multiselected], :hover):first-of-type .tab-stack::before {
opacity: var(--tab-separator-opacity);
transform: translateX(var(--start-tab-separator-position-x)) translateY(var(--tab-separator-position-y));
}
}
@supports -moz-bool-pref("userChrome.tabbar.one_liner.responsive") {
@media screen and (min-width: 1100px) {
- .tabbrowser-tab:not([visuallyselected], [multiselected], :hover):first-child .tab-background::before {
+ .tabbrowser-tab:not([visuallyselected], [multiselected], :hover):first-of-type .tab-stack::before {
opacity: var(--tab-separator-opacity);
transform: translateX(var(--start-tab-separator-position-x)) translateY(var(--tab-separator-position-y));
}
@@ -6043,36 +6684,31 @@
}
}
@supports not -moz-bool-pref("userChrome.tab.newtab_button_like_tab") {
- #tabbrowser-arrowscrollbox:not([overflowing]) .tabbrowser-tab[first-visible-unpinned-tab] .tab-background::before,
#tabbrowser-arrowscrollbox:not([overflowing])
- .tabbrowser-tab:not([visuallyselected], [multiselected], :hover)[last-visible-tab]
- .tab-background::after {
+ .tabbrowser-tab:not([visuallyselected], [multiselected], :hover):last-of-type
+ .tab-stack::after {
opacity: var(--tab-separator-opacity);
}
}
#navigator-toolbox:not([movingtab])
.tabbrowser-tab[first-visible-unpinned-tab]:is([visuallyselected], [multiselected], :hover)
- .tab-background::before,
+ .tab-stack::before,
#navigator-toolbox:not([movingtab])
#tabbrowser-arrowscrollbox[overflowing]
tab.tabbrowser-tab[first-visible-unpinned-tab]
- .tab-background::before {
+ .tab-stack::before {
opacity: 0 !important;
}
@supports -moz-bool-pref("userChrome.tab.newtab_button_like_tab") {
#navigator-toolbox:not([movingtab])
.tabbrowser-tab:is([visuallyselected], [multiselected], :hover)
+ .tabbrowser-tab
- .tab-background::before,
+ .tab-stack::before,
#navigator-toolbox:not([movingtab])
- .tabbrowser-tab:is([visuallyselected], [multiselected], :hover)
- ~ .tabbrowser-tab[afterhovered]
- .tab-background::before,
- #navigator-toolbox:not([movingtab])
- .tabbrowser-tab[last-visible-tab]:is([visuallyselected], [multiselected], :hover)
+ .tabbrowser-tab:last-of-type:is([visuallyselected], [multiselected], :hover)
~ #tabs-newtab-button::before,
#navigator-toolbox:not([movingtab])
- .tabbrowser-tab[last-visible-tab]:is([visuallyselected], [multiselected], :hover)
+ .tabbrowser-tab:last-of-type:is([visuallyselected], [multiselected], :hover)
~ #tabbrowser-arrowscrollbox-periphery
#tabs-newtab-button::before {
opacity: 0 !important;
@@ -6081,7 +6717,7 @@
@supports not -moz-bool-pref("userChrome.tab.newtab_button_like_tab") {
.tabbrowser-tab:is([visuallyselected], [multiselected], :hover)
+ .tabbrowser-tab:not([visuallyselected])
- .tab-background::before {
+ .tab-stack::before {
opacity: 0 !important;
}
:root:not([uidensity="compact"]) #tabs-newtab-button > .toolbarbutton-icon {
@@ -6093,7 +6729,7 @@
}
/* Animate */
@media (prefers-reduced-motion: no-preference) {
- .tab-background::before {
+ .tab-stack::before {
transition: opacity 0.2s var(--animation-easing-function); /* cubic-bezier(.07, .95, 0, 1) */
}
@supports -moz-bool-pref("userChrome.tab.newtab_button_like_tab") {
@@ -6103,95 +6739,182 @@
}
@supports not -moz-bool-pref("userChrome.tab.newtab_button_like_tab") {
#tabbrowser-arrowscrollbox:not([overflowing])
- .tabbrowser-tab:not([visuallyselected], [multiselected], :hover)[last-visible-tab]
- .tab-background::after {
+ .tabbrowser-tab:not([visuallyselected], [multiselected], :hover):last-of-type
+ .tab-stack::after {
transition: opacity 0.2s var(--animation-easing-function); /* cubic-bezier(.07, .95, 0, 1) */
}
}
}
/* Latest Tab & New tab margin */
- #tabbrowser-arrowscrollbox:not([overflowing]) .tabbrowser-tab[last-visible-tab] {
+ #tabbrowser-arrowscrollbox:not([overflowing]) .tabbrowser-tab:last-of-type {
margin-inline-end: 1px !important;
}
}
/*= Unselected Tab - Static Separator ========================================*/
@supports -moz-bool-pref("userChrome.tab.static_separator") {
- .tabbrowser-tab[first-visible-tab="true"] .tab-background::before,
- .tab-background::after {
+ #TabsToolbar {
+ --toolbarseparator-color: color-mix(in srgb, currentColor 30%, transparent);
+ }
+ .tab-stack::before,
+ .tabbrowser-tab:last-of-type .tab-stack::after {
content: "";
}
- .tab-background::before,
- .tab-background::after {
+ .tab-stack::before,
+ .tab-stack::after {
/* Box Model */
display: block;
position: absolute;
/* Position */
top: 50%;
- transform: translateY(-50%) !important;
+ transform: translateY(-50%);
+ z-index: 1;
/* Bar shape */
width: 0px;
height: 100%;
/* Bar Color */
- opacity: 0.3;
- border-right: 1px solid var(--lwt-background-tab-separator-color, currentColor) !important;
+ border-right: 1px solid var(--toolbarseparator-color);
}
- .tab-background::after {
+ .tab-stack::after {
right: 0;
}
@supports -moz-bool-pref("userChrome.tab.static_separator.selected_accent") {
- .tabbrowser-tab[visuallyselected] .tab-background::before,
- .tabbrowser-tab[visuallyselected] .tab-background::after,
- .tabbrowser-tab[beforeselected-visible] .tab-background::after {
- --lwt-background-tab-separator-color: var(--tab-line-color, var(--lwt-tab-line-color, rgb(10, 132, 255)));
- opacity: 1;
+ .tabbrowser-tab[visuallyselected] .tab-stack::before,
+ .tabbrowser-tab[visuallyselected] + .tabbrowser-tab .tab-stack::before,
+ .tabbrowser-tab[visuallyselected] .tab-stack::after {
+ --toolbarseparator-color: var(--tab-line-color, var(--lwt-tab-line-color, rgb(10, 132, 255)));
}
}
@supports not -moz-bool-pref("userChrome.tab.static_separator.selected_accent") {
- .tabbrowser-tab[visuallyselected] .tab-background::before,
- .tabbrowser-tab[visuallyselected] .tab-background::after,
- .tabbrowser-tab[beforeselected-visible] .tab-background::after {
+ .tabbrowser-tab[visuallyselected] .tab-stack::before,
+ .tabbrowser-tab[visuallyselected] + .tabbrowser-tab .tab-stack::before,
+ .tabbrowser-tab[visuallyselected] .tab-stack::after {
opacity: 0;
}
}
/* Animate */
@media (prefers-reduced-motion: no-preference) {
- .tab-background::before,
- .tab-background::after {
+ .tab-stack::before,
+ .tab-stack::after {
transition: opacity 0.2s var(--animation-easing-function); /* cubic-bezier(.07, .95, 0, 1) */
}
}
}
+/*= Unselected Tab - Bar Separator ===========================================*/
+@supports -moz-bool-pref("userChrome.tab.bar_separator") {
+ .tab-stack::before {
+ /* Box Model */
+ content: "";
+ display: block;
+ position: absolute;
+ /* Position */
+ top: 50%;
+ left: 0%;
+ transform: translateX(calc((var(--inline-tab-padding) - 5px) / 2)) translateY(calc(-50% + var(--tab-block-margin)));
+ z-index: 1;
+ /* Bar shape */
+ width: 3px;
+ height: 20px;
+ /* Bar Color */
+ background-color: var(
+ --uc-bar-separator-color,
+ var(--tab-line-color, var(--lwt-tab-line-color, rgb(10, 132, 255)))
+ );
+ }
+ @media (prefers-reduced-motion: no-preference) {
+ .tab-stack::before {
+ transition-property: opacity, background-color;
+ transition-duration: 0.2s;
+ transition-timing-function: var(--animation-easing-function); /* cubic-bezier(.07, .95, 0, 1) */
+ }
+ }
+ :root[sessionrestored] .tabbrowser-tab[busy] .tab-stack::before {
+ --uc-bar-separator-color: currentColor;
+ opacity: 0.7;
+ }
+ :root[sessionrestored] .tabbrowser-tab[busy][progress] .tab-stack::before {
+ --uc-bar-separator-color: var(--tab-loading-fill);
+ opacity: 1;
+ }
+ :root[sessionrestored]
+ #TabsToolbar[brighttext]
+ .tabbrowser-tab[busy][progress]:not([selected="true"])
+ .tab-stack::before {
+ --uc-bar-separator-color: var(--lwt-tab-loading-fill-inactive, #84c1ff);
+ }
+ @supports -moz-bool-pref("userChrome.tab.unloaded") {
+ :root[sessionrestored] .tabbrowser-tab[pending] .tab-stack::before {
+ opacity: 0.7;
+ }
+ }
+}
/*= New tab button ============================================================*/
/*= New tab button - Looks like tab ==========================================*/
@supports -moz-bool-pref("userChrome.tab.newtab_button_like_tab") {
- #tabs-newtab-button {
- /* Original:
- margin: 0 0 var(--tabs-navbar-shadow-size) !important
- => Can't override style. Therefore, we should approach it by bypass.
+ @supports -moz-bool-pref("userChrome.tab.connect_to_window") {
+ #tabs-newtab-button {
+ /* Size */
+ -moz-box-align: stretch !important;
+ padding-top: var(--tab-block-margin) !important;
+ }
+ }
+ @supports -moz-bool-pref("userChrome.tab.bottom_rounded_corner") {
+ #tabs-newtab-button {
+ /* Original:
+ margin: 0 0 var(--tabs-navbar-shadow-size) !important
+ => Can't override style. Therefore, we should approach it by bypass.
*/
- --tabs-navbar-shadow-size: -1px; /* Original: 1px */
- --tabs-navbar-original-shadow-size: 1px;
- --tab-corner-rounding: 4px; /* Hardcoded */
- /* Size */
- -moz-box-align: stretch !important;
- padding-top: var(--tab-block-margin) !important;
- /* Corner Rounding Image */
- --newtab-position: calc((var(--tab-corner-rounding) / 2) * -1);
- background-image: url("../icons/tab-bottom-corner-left.svg"), url("../icons/tab-bottom-corner-right.svg");
- background-repeat: no-repeat;
- background-position: left var(--newtab-position) bottom var(--tabs-navbar-original-shadow-size),
- right var(--newtab-position) bottom var(--tabs-navbar-original-shadow-size);
- background-size: var(--tab-corner-rounding);
- /* Corner Rounding Color */
- fill: transparent !important;
- -moz-context-properties: fill !important;
+ --tabs-navbar-shadow-size: -1px; /* Original: 1px */
+ --uc-tabs-navbar-shadow-size: 0.5px;
+ --uc-tab-corner-rounding: 4px; /* Hardcoded */
+ --uc-newtab-bgcolor: transparent;
+ /* Corner Rounding Image */
+ --uc-newtab-position: calc((var(--uc-tab-corner-rounding) / 2) * -1);
+ background-image: var(--uc-tab-corner-left-side-svg), var(--uc-tab-corner-right-side-svg);
+ background-repeat: no-repeat;
+ background-position: left var(--uc-newtab-position) bottom var(--uc-tabs-navbar-shadow-size),
+ right var(--uc-newtab-position) bottom var(--uc-tabs-navbar-shadow-size);
+ background-size: var(--uc-tab-corner-rounding);
+ /* Corner Rounding Color */
+ fill: var(--uc-newtab-bgcolor) !important;
+ -moz-context-properties: fill !important;
+ }
+ @supports -moz-bool-pref("userChrome.tab.bottom_rounded_corner.wave") or -moz-bool-pref(
+ "userChrome.tab.bottom_rounded_corner.australis"
+ ) or -moz-bool-pref("userChrome.tab.bottom_rounded_corner.chrome_legacy") or -moz-bool-pref(
+ "userChrome.tab.bottom_rounded_corner.chrome"
+ ) or -moz-bool-pref("userChrome.tab.bottom_rounded_corner.edge") {
+ #tabs-newtab-button {
+ --uc-newtab-position: 0px;
+ --uc-newtab-non-corner-bgwidth: 0px;
+ --uc-tab-corner-half-height: calc(var(--uc-tab-corner-height) / 2);
+ --uc-tab-corner-half-height-reverse: calc(var(--uc-tab-corner-half-height) * -1);
+ transform: translateX(var(--uc-tab-corner-half-height-reverse));
+ padding-inline: var(--uc-tab-corner-half-height) !important;
+ overflow-clip-margin: var(--uc-tab-corner-half-height) !important;
+ background-image: var(--uc-tab-corner-left-side-svg),
+ linear-gradient(to left, var(--uc-newtab-bgcolor), var(--uc-newtab-bgcolor)),
+ var(--uc-tab-corner-right-side-svg);
+ background-position: left var(--uc-newtab-position) bottom var(--uc-tabs-navbar-shadow-size),
+ center bottom var(--uc-tabs-navbar-shadow-size),
+ right var(--uc-newtab-position) bottom var(--uc-tabs-navbar-shadow-size);
+ background-size: var(--uc-tab-corner-height) var(--uc-tab-corner-height),
+ var(--uc-newtab-non-corner-bgwidth) var(--uc-tab-corner-height),
+ var(--uc-tab-corner-height) var(--uc-tab-corner-height);
+ background-origin: padding-box;
+ }
+ @supports -moz-bool-pref("userChrome.tab.bottom_rounded_corner.chrome") or -moz-bool-pref("userChrome.tab.bottom_rounded_corner.edge") {
+ #tabs-newtab-button {
+ --uc-newtab-non-corner-bgwidth: calc(2 * var(--toolbarbutton-inner-padding));
+ }
+ }
+ }
}
/* Corner Rounding Color */
#tabs-newtab-button:hover {
- fill: var(--toolbarbutton-hover-background) !important;
+ --uc-newtab-bgcolor: var(--toolbarbutton-hover-background);
}
#tabs-newtab-button:hover:active {
- fill: var(--toolbarbutton-active-background) !important;
+ --uc-newtab-bgcolor: var(--toolbarbutton-active-background);
}
@media (-moz-windows-accent-color-in-titlebar) {
:root[tabsintitlebar]:not(:-moz-window-inactive, :-moz-lwtheme) #tabs-newtab-button:hover,
@@ -6202,6 +6925,35 @@
:root[tabsintitlebar][lwt-default-theme-in-dark-mode]:not(:-moz-window-inactive) #tabs-newtab-button:hover:active {
fill: color-mix(in srgb, AccentColorText 15%, transparent) !important; /* Hardcoded for compatibility */
}
+ @supports -moz-bool-pref("userChrome.tab.bottom_rounded_corner") {
+ @supports -moz-bool-pref("userChrome.tab.bottom_rounded_corner.wave") or -moz-bool-pref(
+ "userChrome.tab.bottom_rounded_corner.australis"
+ ) or -moz-bool-pref("userChrome.tab.bottom_rounded_corner.chrome_legacy") or -moz-bool-pref(
+ "userChrome.tab.bottom_rounded_corner.chrome"
+ ) or -moz-bool-pref("userChrome.tab.bottom_rounded_corner.edge") {
+ :root[tabsintitlebar]:not(:-moz-window-inactive, :-moz-lwtheme) #tabs-newtab-button:hover,
+ :root[tabsintitlebar][lwt-default-theme-in-dark-mode]:not(:-moz-window-inactive) #tabs-newtab-button:hover {
+ background-image: var(--uc-tab-corner-left-side-svg),
+ linear-gradient(
+ to left,
+ color-mix(in srgb, AccentColorText 10%, transparent),
+ color-mix(in srgb, AccentColorText 10%, transparent)
+ ),
+ var(--uc-tab-corner-right-side-svg);
+ }
+ :root[tabsintitlebar]:not(:-moz-window-inactive, :-moz-lwtheme) #tabs-newtab-button:hover:active,
+ :root[tabsintitlebar][lwt-default-theme-in-dark-mode]:not(:-moz-window-inactive)
+ #tabs-newtab-button:hover:active {
+ background-image: var(--uc-tab-corner-left-side-svg),
+ linear-gradient(
+ to left,
+ color-mix(in srgb, AccentColorText 15%, transparent),
+ color-mix(in srgb, AccentColorText 15%, transparent)
+ ),
+ var(--uc-tab-corner-right-side-svg);
+ }
+ }
+ }
@supports -moz-bool-pref("userChrome.compatibility.accent_color") {
:root[tabsintitlebar]:not(:-moz-window-inactive, :-moz-lwtheme) #tabs-newtab-button:hover,
:root[tabsintitlebar][lwt-default-theme-in-dark-mode]:not(:-moz-window-inactive) #tabs-newtab-button:hover {
@@ -6220,17 +6972,59 @@
transparent
) !important; /* Hardcoded for compatibility */
}
+ @supports -moz-bool-pref("userChrome.tab.bottom_rounded_corner") {
+ @supports -moz-bool-pref("userChrome.tab.bottom_rounded_corner.wave") or -moz-bool-pref(
+ "userChrome.tab.bottom_rounded_corner.australis"
+ ) or -moz-bool-pref("userChrome.tab.bottom_rounded_corner.chrome_legacy") or -moz-bool-pref(
+ "userChrome.tab.bottom_rounded_corner.chrome"
+ ) or -moz-bool-pref("userChrome.tab.bottom_rounded_corner.edge") {
+ :root[tabsintitlebar]:not(:-moz-window-inactive, :-moz-lwtheme) #tabs-newtab-button:hover,
+ :root[tabsintitlebar][lwt-default-theme-in-dark-mode]:not(:-moz-window-inactive) #tabs-newtab-button:hover {
+ background-image: var(--uc-tab-corner-left-side-svg),
+ linear-gradient(
+ to left,
+ color-mix(in srgb, -moz-accent-color-foreground 10%, transparent),
+ color-mix(in srgb, -moz-accent-color-foreground 10%, transparent)
+ ),
+ var(--uc-tab-corner-right-side-svg);
+ }
+ :root[tabsintitlebar]:not(:-moz-window-inactive, :-moz-lwtheme) #tabs-newtab-button:hover:active,
+ :root[tabsintitlebar][lwt-default-theme-in-dark-mode]:not(:-moz-window-inactive)
+ #tabs-newtab-button:hover:active {
+ background-image: var(--uc-tab-corner-left-side-svg),
+ linear-gradient(
+ to left,
+ color-mix(in srgb, -moz-accent-color-foreground 15%, transparent),
+ color-mix(in srgb, -moz-accent-color-foreground 15%, transparent)
+ ),
+ var(--uc-tab-corner-right-side-svg);
+ }
+ }
+ }
}
}
/* '+'Icon */
#tabs-newtab-button .toolbarbutton-icon {
border-radius: var(--tab-border-radius) var(--tab-border-radius) 0 0 !important; /* Original: var(--tab-border-radius) */
padding: calc(var(--toolbarbutton-inner-padding) - var(--tab-block-margin) / 4) var(--toolbarbutton-inner-padding)
- calc(var(--toolbarbutton-inner-padding) + var(--tab-block-margin) / 4 + var(--tabs-navbar-original-shadow-size)) !important;
+ calc(var(--toolbarbutton-inner-padding) + var(--tab-block-margin) / 4 + var(--uc-tabs-navbar-shadow-size)) !important;
-moz-context-properties: fill, fill-opacity;
fill: var(--toolbarbutton-icon-fill);
fill-opacity: var(--toolbarbutton-icon-fill-opacity);
}
+ @supports -moz-bool-pref("userChrome.tab.bottom_rounded_corner.wave") or -moz-bool-pref(
+ "userChrome.tab.bottom_rounded_corner.australis"
+ ) or -moz-bool-pref("userChrome.tab.bottom_rounded_corner.chrome_legacy") or -moz-bool-pref(
+ "userChrome.tab.bottom_rounded_corner.chrome"
+ ) or -moz-bool-pref("userChrome.tab.bottom_rounded_corner.edge") {
+ #tabs-newtab-button .toolbarbutton-icon {
+ --tab-border-radius: 0px;
+ width: unset !important;
+ padding-inline: 0px !important;
+ margin-inline: calc(var(--uc-tab-corner-half-height) - 7.75px) !important;
+ background-color: transparent !important;
+ }
+ }
}
/*= New tab button - Smaller button ==========================================*/
@supports -moz-bool-pref("userChrome.tab.newtab_button_smaller") {
@@ -6238,13 +7032,7 @@
--tab-border-radius: var(--toolbarbutton-border-radius);
margin-left: 1px;
/* Original: calc((var(--tab-min-height) - 16px) / 2) = 10px */
- --toolbarbutton-inner-padding: 6px;
- }
- :root[uidensity="compact"] #tabs-newtab-button > .toolbarbutton-icon {
- --toolbarbutton-inner-padding: 4px; /* Photon: 6px */
- }
- :root[uidensity="touch"] #tabs-newtab-button > .toolbarbutton-icon {
- --toolbarbutton-inner-padding: 9px; /* Photon: 9px */
+ --toolbarbutton-inner-padding: var(--uc-small-toolbarbutton-inner-padding);
}
}
/*= New tab button - Proton like button ======================================*/
@@ -6312,6 +7100,12 @@
visibility: visible !important;
opacity: 1;
}
+ @supports -moz-bool-pref("userChrome.tab.close_button_at_hover.with_selected") {
+ #tabbrowser-tabs[closebuttons="activetab"] .tabbrowser-tab:not([pinned]):not(:hover) .tab-close-button {
+ visibility: collapse !important;
+ opacity: 0;
+ }
+ }
@supports -moz-bool-pref("userChrome.tab.close_button_at_hover.always") {
.tabbrowser-tab:not([visuallyselected]) .tab-close-button {
visibility: collapse !important;
@@ -6321,27 +7115,23 @@
visibility: visible !important;
opacity: 1;
}
+ @supports -moz-bool-pref("userChrome.tab.close_button_at_hover.with_selected") {
+ .tabbrowser-tab:not([pinned]):not(:hover) .tab-close-button {
+ visibility: collapse !important;
+ opacity: 0;
+ }
+ }
}
/* Animate */
@media (prefers-reduced-motion: no-preference) {
/* Fade out */
- #tabbrowser-tabs[closebuttons="activetab"] .tabbrowser-tab:not([visuallyselected]) .tab-close-button {
+ .tabbrowser-tab .tab-close-button {
transition: opacity 0.1s var(--animation-easing-function) !important;
}
/* Fade in */
- #tabbrowser-tabs[closebuttons="activetab"] .tabbrowser-tab:hover .tab-close-button {
+ .tabbrowser-tab:hover .tab-close-button {
transition: opacity 0.25s var(--animation-easing-function) !important;
}
- @supports -moz-bool-pref("userChrome.tab.close_button_at_hover.always") {
- /* Fade out */
- .tabbrowser-tab:not([visuallyselected]) .tab-close-button {
- transition: opacity 0.1s var(--animation-easing-function) !important;
- }
- /* Fade in */
- .tabbrowser-tab:hover .tab-close-button {
- transition: opacity 0.25s var(--animation-easing-function) !important;
- }
- }
}
/* Closed Button's icon thicker */
.tabbrowser-tab .tab-content > .close-icon {
@@ -6514,8 +7304,7 @@
.tabbrowser-tab:not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked])
.tab-label-container[labeldirection="rtl"],
.tabbrowser-tab:not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked])
- .tab-label-container
- :not([labeldirection]):-moz-locale-dir(rtl) {
+ .tab-label-container:not([labeldirection]):-moz-locale-dir(rtl) {
--uc-sound-tab-label-position-x: -4px;
}
.tabbrowser-tab:not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked])
@@ -6535,8 +7324,7 @@
.tabbrowser-tab:not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked])
.tab-label-container[labeldirection="rtl"],
.tabbrowser-tab:not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked])
- .tab-label-container
- :not([labeldirection]):-moz-locale-dir(rtl) {
+ .tab-label-container:not([labeldirection]):-moz-locale-dir(rtl) {
--uc-sound-tab-label-position-x: -4px;
}
.tabbrowser-tab:not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked])
@@ -6778,7 +7566,350 @@
display: none !important;
}
}
+/** Nav Bar UI ****************************************************************/
+/*= Nav Bar - Navbar comabine with sidebar===================================*/
+@supports -moz-bool-pref("userChrome.navbar.as_sidebar") {
+ :root {
+ --uc-navbar-margin-block: var(--toolbarbutton-inner-padding);
+ --uc-urlbar-margin-top: calc(var(--uc-navbar-height) + var(--uc-navbar-margin-block));
+ --uc-urlbar-container-height: 36px;
+ --uc-navbar-sideblock-height: calc(var(--uc-urlbar-margin-top) + var(--uc-urlbar-container-height));
+ }
+ #nav-bar,
+ #sidebar-box,
+ #sidebar-header,
+ #sidebar {
+ min-width: var(--uc-sidebar-activate-width) !important;
+ max-width: var(--uc-sidebar-activate-width) !important;
+ }
+ #nav-bar,
+ #wrapper-urlbar-container,
+ #urlbar-container {
+ position: absolute !important;
+ }
+ #nav-bar-customization-target {
+ -moz-box-pack: justify;
+ }
+ #nav-bar {
+ z-index: 1;
+ margin-top: calc(
+ var(--uc-tabbar-height) + var(--uc-bm-height) + var(--uc-menubar-height) + var(--uc-navbar-margin-block)
+ );
+ overflow-y: visible !important;
+ background: none !important;
+ box-shadow: none !important;
+ -moz-window-dragging: drag;
+ }
+ @supports selector(:has(a)) {
+ :root:has(#sidebar-box[hidden="true"]) #nav-bar {
+ margin-inline-start: var(--uc-sidebar-activate-width-reverse) !important;
+ opacity: 0;
+ visibility: hidden;
+ }
+ :root:has(#sidebar-box[positionend="true"]) #nav-bar {
+ right: 0;
+ }
+ }
+ @media (prefers-reduced-motion: no-preference) {
+ @supports -moz-bool-pref("userChrome.decoration.animate") {
+ @supports not -moz-bool-pref("userChrome.decoration.disable_sidebar_animate") {
+ #nav-bar {
+ transition: margin-inline-start 0.25s var(--animation-easing-function), opacity 0.25s ease-in-out,
+ visibility 0s linear,
+ margin-top var(--uc-autohide-toolbar-speed) var(--animation-easing-function)
+ var(--uc-autohide-toolbar-delay),
+ var(--ext-theme-background-transition) !important;
+ will-change: margin-inline-start, opacity, visibility, margin-top;
+ }
+ :root:has(#sidebar-box[hidden="true"]) #nav-bar,
+ #navigator-toolbox:is(:hover, :focus-within) #nav-bar {
+ transition-delay: 0s, 0s, 0.25s, 0s, 0s !important;
+ }
+ }
+ @supports -moz-bool-pref("userChrome.decoration.disable_sidebar_animate") {
+ #nav-bar {
+ transition: margin-top var(--uc-autohide-toolbar-speed) var(--animation-easing-function)
+ var(--uc-autohide-toolbar-delay),
+ var(--ext-theme-background-transition) !important;
+ will-change: margin-top;
+ }
+ #navigator-toolbox:is(:hover, :focus-within) #nav-bar {
+ transition-delay: 0s !important;
+ }
+ }
+ }
+ }
+ #urlbar-container {
+ top: var(--uc-urlbar-margin-top);
+ min-width: calc(var(--uc-sidebar-activate-width) - 2 * var(--toolbarbutton-inner-padding)) !important;
+ margin-inline: auto !important; /* Original: var(--urlbar-margin-inline) */
+ left: 50%;
+ transform: translateX(-50%);
+ }
+ #customizableui-special-spring1,
+ #customizableui-special-spring2,
+ #wrapper-customizableui-special-spring1,
+ #wrapper-customizableui-special-spring2 {
+ display: none !important;
+ }
+ #sidebar-header {
+ margin-top: var(--uc-navbar-sideblock-height) !important;
+ -moz-window-dragging: drag;
+ }
+ :root[customizing="true"] #wrapper-urlbar-container {
+ left: 50%;
+ }
+ :root[customizing="true"] #browser[collapsed="true"] {
+ visibility: visible !important;
+ }
+ :root[customizing="true"] #browser[collapsed="true"] #appcontent {
+ visibility: collapse;
+ }
+ :root[customizing="true"] #browser[collapsed="true"] #sidebar-box {
+ position: absolute;
+ height: 100%;
+ }
+ :root[customizing="true"] #browser[collapsed="true"] #sidebar-box[positionend="true"] {
+ right: 0;
+ }
+ :root[customizing="true"] #customization-container {
+ --uc-customization-conatiner-margin: var(--uc-navbar-height-default);
+ width: calc(100% - var(--uc-sidebar-activate-width));
+ height: calc(100% - var(--uc-customization-conatiner-margin));
+ }
+ @supports -moz-bool-pref("userChrome.hidden.tabbar") {
+ :root[customizing="true"] #customization-container {
+ --uc-customization-conatiner-margin: calc(var(--uc-navbar-height-default) - var(--uc-tabbar-height-default));
+ }
+ }
+ :root[customizing="true"]:has(#sidebar-box:not([positionend="true"])) #customization-container {
+ margin-inline-start: var(--uc-sidebar-activate-width);
+ }
+ :root[customizing="true"]:has(#sidebar-box[positionend="true"]) #customization-container {
+ margin-inline-end: var(--uc-sidebar-activate-width);
+ }
+ :root[customizing="true"] #customization-palette-container,
+ :root[customizing="true"] #customization-panel-container {
+ flex-shrink: 0.5 !important;
+ }
+}
+/** Bookark Bar UI ************************************************************/
+@supports -moz-bool-pref("userChrome.bookmarkbar.multi_row") {
+ #PersonalToolbar {
+ --uc-multirow-bookmark-rows: 3;
+ --uc-multirow-bookmark-row-margin: 2px;
+ max-height: none !important;
+ }
+ #PlacesToolbar > hbox {
+ display: block;
+ width: 100vw;
+ }
+ #PlacesToolbarItems {
+ display: flex;
+ flex-wrap: wrap;
+ overflow-y: auto;
+ scroll-snap-type: y mandatory;
+ max-height: calc(
+ var(--uc-multirow-bookmark-rows) *
+ (
+ var(--uc-bm-height, calc(20px + 2 * var(--bookmark-block-padding, 4px))) + 2 *
+ var(--uc-multirow-bookmark-row-margin)
+ )
+ ) !important;
+ }
+ #PlacesChevron {
+ display: none;
+ }
+ #PlacesToolbarItems > .bookmark-item {
+ scroll-snap-align: start;
+ margin-block: var(--uc-multirow-bookmark-row-margin) !important;
+ }
+}
/** Url View UI ***************************************************************/
+/*= Url Bar - Icon box as Separator ==========================================*/
+@supports -moz-bool-pref("userChrome.urlbar.iconbox_with_separator") {
+ #identity-box {
+ /* separator */
+ position: relative;
+ }
+ #identity-box[pageproxystate="valid"].notSecureText > .identity-box-button:not(:hover, [open]),
+ #identity-box[pageproxystate="valid"].chromeUI > .identity-box-button:not(:hover, [open]),
+ #identity-box[pageproxystate="valid"].extensionPage > .identity-box-button:not(:hover, [open]) {
+ /* remove background from urlbar box */
+ background-color: transparent !important;
+ }
+ #identity-box[pageproxystate="valid"].notSecureText > .identity-box-button:not(:hover, [open])::after,
+ #identity-box[pageproxystate="valid"].chromeUI > .identity-box-button:not(:hover, [open])::after,
+ #identity-box[pageproxystate="valid"].extensionPage > .identity-box-button:not(:hover, [open])::after {
+ opacity: 0.375;
+ }
+ #identity-box[pageproxystate="valid"].notSecureText > .identity-box-button::after,
+ #identity-box[pageproxystate="valid"].chromeUI > .identity-box-button::after,
+ #identity-box[pageproxystate="valid"].extensionPage > .identity-box-button::after {
+ /* Box Model */
+ content: "";
+ position: absolute;
+ display: block;
+ /* Position */
+ right: 0;
+ top: 50%;
+ transform: translateY(-50%);
+ /* Bar shape */
+ width: 1px;
+ height: 1em;
+ /* Bar Color */
+ opacity: 0;
+ background-color: currentColor;
+ }
+ #identity-box[pageproxystate="valid"] #identity-icon-label {
+ /* increase space between icon and text - as identity box padding */
+ padding-inline-start: 8px !important;
+ }
+ @media (prefers-reduced-motion: no-preference) {
+ .identity-box-button::after {
+ transition: opacity 0.2s var(--animation-easing-function);
+ }
+ }
+}
+/*= Url View - Share Layout ==================================================*/
+@supports -moz-bool-pref("userChrome.urlView.as_commandbar") or -moz-bool-pref("userChrome.urlView.full_width_padding") {
+ .urlbarView {
+ --uc-urlView-padding: calc(5px + var(--urlbar-container-padding));
+ margin-inline: 0 !important; /* Original: calc(5px + var(--urlbar-container-padding)) */
+ }
+}
+/*= Url View - Looks like Launcher ===========================================*/
+@supports -moz-bool-pref("userChrome.urlView.as_commandbar") {
+ /* Init & Base Layout */
+ .urlbarView {
+ --urlbarView-favicon-width: 32px; /* Original: 16px */
+ --uc-urlView-typeIcon-size: 18px;
+ --uc-urlView-icon-size-differ: 14px;
+ --uc-searchBar-icon-size: 20px;
+ --uc-searchBar-button-size: 32px;
+ --uc-urlView-row-padding: 8px;
+ --uc-urlView-row-bottom: 2px;
+ --uc-urlView-margin: calc(var(--uc-sidebar-activate-width, 18rem) + var(--toolbarbutton-inner-padding));
+ position: fixed !important;
+ left: 50vw;
+ transform: translateX(-50%);
+ top: 12vh !important;
+ width: calc(100vw - (var(--uc-urlView-margin) + var(--toolbarbutton-inner-padding))) !important;
+ /* paddding as margin */
+ /* background */
+ background-color: var(--toolbar-field-focus-background-color) !important;
+ background-clip: border-box;
+ border: 1px solid var(--arrowpanel-border-color) !important;
+ border-radius: var(--toolbarbutton-border-radius) !important;
+ box-shadow: 0 2px 14px rgba(0, 0, 0, 0.13);
+ }
+ @supports not -moz-bool-pref("userChrome.urlView.full_width_padding") {
+ .urlbarView {
+ padding-inline: var(--uc-urlView-padding) !important;
+ }
+ }
+ .urlbarView-body-inner {
+ border-top: none !important;
+ }
+ /* Big icons */
+ :root[uidensity="compact"] .urlbarView {
+ --urlbarView-favicon-width: 24px; /* Original: 16px */
+ --uc-urlView-typeIcon-size: 16px;
+ --uc-urlView-icon-size-differ: 8px;
+ --uc-searchBar-icon-size: 18px;
+ --uc-searchBar-button-size: 30px;
+ }
+ :root[uidensity="touch"] .urlbarView {
+ --uc-urlView-row-padding: 17px;
+ --uc-urlView-row-bottom: 11px;
+ }
+ .urlbarView-row:not([type="tip"], [type="dynamic"]) {
+ position: relative;
+ min-height: calc(var(--urlbarView-favicon-width) + var(--uc-urlView-row-padding)) !important;
+ }
+ .urlbarView-row:not([type="tip"], [type="dynamic"]) .urlbarView-row-inner {
+ height: var(--urlbarView-favicon-width) !important;
+ }
+ .urlbarView-row:not([type="tip"], [type="dynamic"]) .urlbarView-favicon {
+ position: absolute;
+ top: 50%;
+ transform: translateY(-50%);
+ }
+ .urlbarView-row:not([type="tip"], [type="dynamic"]) .urlbarView-title {
+ padding-inline-start: calc(
+ var(--urlbarView-item-inline-padding) + var(--identity-box-margin-inline) + var(--urlbarView-favicon-width)
+ ) !important;
+ }
+ .urlbarView-row:not([type="tip"], [type="dynamic"]) .urlbarView-type-icon {
+ width: var(--uc-urlView-typeIcon-size) !important;
+ height: var(--uc-urlView-typeIcon-size) !important;
+ margin-inline-start: calc(
+ var(--uc-urlView-icon-size-differ) + var(--urlbarView-item-inline-padding)
+ ) !important; /* Original: 8px */
+ bottom: var(--uc-urlView-row-bottom);
+ }
+ .urlbarView-row[dynamicType="quickactions"] .urlbarView-favicon-img {
+ width: var(--urlbarView-favicon-width) !important; /* Original: 16px */
+ height: var(--urlbarView-favicon-width) !important; /* Original: 16px */
+ }
+ .urlbarView-row[dynamicType="quickactions"] .urlbarView-label {
+ font-size: 0.95em !important; /* Original: 11px */
+ }
+ :root[uidensity="touch"] .urlbarView-row {
+ padding-block: 6px !important;
+ }
+ :root[uidensity="touch"] .urlbarView-row-inner {
+ padding-block: 11px !important;
+ }
+ #urlbar .searchbar-engine-one-off-item {
+ min-width: var(--uc-searchBar-button-size) !important; /* Original: 28px */
+ height: var(--uc-searchBar-button-size) !important;
+ }
+ #urlbar .searchbar-engine-one-off-item > .button-box > .button-icon {
+ width: var(--uc-searchBar-icon-size) !important; /* Original: 16px */
+ height: var(--uc-searchBar-icon-size) !important;
+ }
+}
+/*= Url View - Full Width Pddding ============================================*/
+@supports -moz-bool-pref("userChrome.urlView.full_width_padding") {
+ .urlbarView {
+ --uc-urlView-padding-double: calc(var(--uc-urlView-padding) * 2);
+ --uc-urlView-full-width-padding: var(--uc-urlView-padding-double);
+ }
+ @supports not -moz-bool-pref("userChrome.urlView.as_commandbar") {
+ .urlbarView {
+ --uc-urlView-full-width-padding: var(--uc-urlView-padding);
+ width: 100% !important;
+ }
+ }
+ #urlbar[open] > .urlbarView > .urlbarView-body-outer > .urlbarView-body-inner {
+ border-color: transparent !important;
+ }
+ #urlbar[open] > .urlbarView > .urlbarView-body-outer > .urlbarView-body-inner::before {
+ content: "";
+ position: absolute;
+ border-top: 1px solid var(--autocomplete-popup-separator-color);
+ transform: translate(-50%, -1px);
+ left: 50%;
+ }
+ #urlbar[open] > .urlbarView > .urlbarView-body-outer > .urlbarView-body-inner::before,
+ .urlbarView .search-one-offs {
+ width: calc(100% + 2px - var(--uc-urlView-padding-double)) !important;
+ }
+ .urlbarView .search-one-offs {
+ margin-inline: var(--uc-urlView-full-width-padding) !important;
+ }
+ .urlbarView-row-inner {
+ padding-inline: calc(var(--uc-urlView-full-width-padding) + var(--urlbarView-item-inline-padding)) !important;
+ }
+}
+/*= Url View - Always show page actions ======================================*/
+@supports -moz-bool-pref("userChrome.urlbar.always_show_page_actions") {
+ #urlbar:not([breakout-extend="true"]) #pageActionButton {
+ display: block !important;
+ visibility: visible !important;
+ }
+}
/*= Url View - Move icon to left =============================================*/
@supports -moz-bool-pref("userChrome.urlView.move_icon_to_left") {
.urlbarView-type-icon {
@@ -6797,11 +7928,11 @@
display: block !important;
}
}
-/*= Url View - Always show page actions ======================================*/
-@supports -moz-bool-pref("userChrome.urlView.always_show_page_actions") {
- #urlbar:not([breakout-extend="true"]) #pageActionButton {
- display: block !important;
- visibility: visible !important;
+/*= Url View - Item Focus Border =============================================*/
+@supports -moz-bool-pref("userChrome.urlView.focus_item_border") {
+ .urlbarView-row:not([type="tip"], [type="dynamic"])[selected] > .urlbarView-row-inner,
+ .urlbarView-row-inner[selected] {
+ box-shadow: 3px 0 var(--toolbar-field-focus-border-color) inset !important;
}
}
/** Panel UI ******************************************************************/
@@ -6831,39 +7962,51 @@
:root,
:root:is([uidensity="compact"], [uidensity="touch"]) {
--arrowpanel-menuitem-margin: 0 !important;
+ --arrowpanel-menuitem-margin-inline: 0 !important;
--arrowpanel-menuitem-padding-inline: calc(var(--arrowpanel-menuitem-padding-block) + 8px) !important;
}
}
/** Sidebar UI ****************************************************************/
-@supports -moz-bool-pref("userChrome.sidebar.overlap") or -moz-bool-pref("userChrome.autohide.sidebar") {
- #sidebar-box {
+@supports -moz-bool-pref("userChrome.sidebar.overlap") or -moz-bool-pref("userChrome.autohide.sidebar") or -moz-bool-pref(
+ "userChrome.navbar.as_sidebar"
+ ) {
+ :root {
/* Original
min-width: 14em;
width: 18em;
max-width: 36em;
*/
--uc-sidebar-width: 40px;
- --uc-sidebar-activate-width: 18em;
+ --uc-sidebar-activate-width: 18rem;
--uc-sidebar-activate-width-reverse: calc(-1 * var(--uc-sidebar-activate-width));
--uc-sidebar-fullscreen-width: 4px;
+ --uc-sidebar-shadow-size: 1px;
+ --uc-sidebar-shadow-width: 0px;
+ --uc-sidebar-shadow-position: var(--uc-sidebar-shadow-position-default);
+ --uc-sidebar-shadow-position-default: calc(var(--uc-sidebar-shadow-size) + var(--uc-sidebar-shadow-width));
--uc-sidebar-shadow-color: #28282f;
--uc-autohide-sidebar-speed: 750ms;
--uc-autohide-fullscreen-sidebar-speed: 1s;
--uc-autohide-sidebar-delay: 600ms; /* Wait 0.6s before hiding sidebar */
- z-index: 1 !important;
- position: relative !important;
- box-shadow: 1px 0px 15px -10px var(--uc-sidebar-shadow-color);
- }
- #sidebar-box[positionend="true"] {
- box-shadow: -1px 0px 15px -10px var(--uc-sidebar-shadow-color);
- }
- #sidebar {
- display: block;
}
#sidebar-splitter {
display: none !important;
}
}
+@supports -moz-bool-pref("userChrome.sidebar.overlap") or -moz-bool-pref("userChrome.autohide.sidebar") {
+ #sidebar-box {
+ --uc-sidebar-shadow-color: #28282f;
+ z-index: 1 !important;
+ position: relative !important;
+ box-shadow: var(--uc-sidebar-shadow-position) 0px 15px -10px var(--uc-sidebar-shadow-color);
+ }
+ #sidebar-box[positionend="true"] {
+ --uc-sidebar-shadow-position: calc(-1 * var(--uc-sidebar-shadow-position-default));
+ }
+ #sidebar {
+ display: block;
+ }
+}
@supports -moz-bool-pref("userChrome.sidebar.overlap") {
#sidebar-box[positionend="true"] {
direction: rtl;
@@ -6890,6 +8033,7 @@
#sidebar-box {
margin-inline-start: var(--uc-sidebar-activate-width-reverse) !important;
will-change: padding-inline;
+ --uc-sidebar-shadow-width: var(--uc-sidebar-activate-width);
}
#sidebar-box:not([hidden="true"]) {
padding-inline-start: var(--uc-sidebar-activate-width) !important;
@@ -6897,11 +8041,673 @@
@media (prefers-reduced-motion: no-preference) {
#sidebar-box {
transition: padding-inline-start 0.25s var(--animation-easing-function), opacity 0.25s ease-in-out,
- visibility 0s linear !important;
+ box-shadow 0s linear, visibility 0s linear !important;
}
}
}
}
+/** Combined UI ***************************************************************/
+/*= Combined - At URL bar ====================================================*/
+@supports -moz-bool-pref("userChrome.combined.nav_button") or -moz-bool-pref(
+ "userChrome.combined.nav_button.home_button"
+ ) or -moz-bool-pref("userChrome.combined.urlbar.nav_button") or -moz-bool-pref(
+ "userChrome.combined.urlbar.home_button"
+ ) or -moz-bool-pref("userChrome.combined.urlbar.reload_button") {
+ #nav-bar {
+ --uc-combined-circlebutton-background: hsla(0, 100%, 100%, 0.5);
+ --uc-combined-circlebutton-hover-background: var(--uc-combined-circlebutton-background);
+ --uc-combined-circlebutton-active-background: var(--toolbarbutton-active-background);
+ --uc-combined-circlebutton-border-color: hsla(240, 5%, 5%, 0.3);
+ --uc-toolbarbutton-boundary: calc(var(--toolbarbutton-outer-padding) + var(--toolbarbutton-inner-padding));
+ --uc-toolbarbutton-padding: calc(2 * var(--uc-toolbarbutton-boundary));
+ --uc-toolbarbutton-size: calc(12px + var(--uc-toolbarbutton-padding));
+ --uc-toolbarbutton-halfsize: calc(6px + var(--uc-toolbarbutton-boundary));
+ --uc-urlbar-icon-size: calc(16px + 2 * var(--urlbar-icon-padding));
+ }
+ #nav-bar[brighttext] {
+ --uc-combined-circlebutton-background: var(--toolbarbutton-hover-background);
+ --uc-combined-circlebutton-hover-background: var(--toolbarbutton-active-background);
+ --uc-combined-circlebutton-active-background: color-mix(in srgb, currentColor 20%, transparent);
+ }
+ #nav-bar-customization-target > * {
+ -moz-box-ordinal-group: 1;
+ }
+ #nav-bar-customization-target > #urlbar-container {
+ -moz-box-ordinal-group: 5;
+ }
+ #nav-bar-customization-target > #urlbar-container ~ * {
+ -moz-box-ordinal-group: 7;
+ }
+}
+@supports -moz-bool-pref("userChrome.combined.urlbar.nav_button") or -moz-bool-pref("userChrome.combined.urlbar.home_button") {
+ #nav-bar-customization-target > #urlbar-container {
+ /* var(--urlbar-margin-inline) */
+ margin-inline-start: calc(-1 * var(--uc-urlbar-combined-margin, 0px)) !important;
+ }
+ #nav-bar-customization-target > #urlbar-container > #urlbar:not([breakout][breakout-extend]) {
+ padding-left: var(--uc-urlbar-combined-margin, 0px);
+ }
+ @supports -moz-bool-pref("userChrome.combined.urlbar.nav_button") {
+ #nav-bar-customization-target > #urlbar-container {
+ --uc-urlbar-combined-margin: var(--uc-toolbarbutton-size);
+ }
+ }
+ @supports not -moz-bool-pref("userChrome.combined.urlbar.nav_button") {
+ #nav-bar-customization-target > #urlbar-container {
+ --uc-urlbar-combined-margin: var(--uc-toolbarbutton-halfsize);
+ }
+ @supports -moz-bool-pref("userChrome.combined.nav_button") {
+ @supports -moz-bool-pref("userChrome.combined.nav_button.home_button") {
+ @supports -moz-bool-pref("userChrome.combined.urlbar.home_button") {
+ #nav-bar-customization-target > #urlbar-container {
+ --uc-urlbar-combined-margin: var(--uc-toolbarbutton-size);
+ }
+ }
+ }
+ }
+ }
+ @supports -moz-bool-pref("userChrome.combined.urlbar.nav_button") {
+ @supports -moz-bool-pref("userChrome.autohide.forward_button") {
+ #nav-bar-customization-target
+ > #forward-button[disabled="true"]
+ ~ #urlbar-container
+ > #urlbar:not([breakout][breakout-extend]) {
+ padding-left: calc(var(--uc-urlbar-combined-margin, 0px) - var(--urlbar-icon-padding));
+ }
+ }
+ @media (prefers-reduced-motion: no-preference) {
+ #nav-bar-customization-target > #forward-button[disabled="true"] ~ #urlbar-container > #urlbar {
+ transition-property: margin-left, padding-left;
+ transition-duration: 0.5s;
+ transition-timing-function: var(--animation-easing-function);
+ }
+ }
+ }
+}
+@supports -moz-bool-pref("userChrome.combined.nav_button") or -moz-bool-pref("userChrome.combined.urlbar.nav_button") {
+ @supports -moz-bool-pref("userChrome.combined.urlbar.nav_button") or
+ (
+ not
+ (
+ -moz-bool-pref("userChrome.combined.sub_button.as_normal") and -moz-bool-pref(
+ "userChrome.combined.nav_button"
+ )
+ and -moz-bool-pref("userChrome.combined.urlbar.home_button")
+ )
+ ) {
+ #nav-bar-customization-target > #forward-button {
+ --uc-forward-button-margin: calc(-1 * var(--uc-toolbarbutton-boundary) + 1px);
+ z-index: 2;
+ position: relative;
+ }
+ #nav-bar-customization-target > #forward-button > .toolbarbutton-icon {
+ padding-inline-end: var(--urlbar-icon-padding) !important; /* Original: var(--toolbarbutton-inner-padding) */
+ padding-block: var(--urlbar-icon-padding) !important;
+ height: var(--uc-urlbar-icon-size) !important;
+ }
+ @supports -moz-bool-pref("userChrome.combined.urlbar.nav_button") {
+ #nav-bar-customization-target > #forward-button {
+ padding-inline-end: 0px !important; /* Original: var(--toolbarbutton-outer-padding) */
+ }
+ }
+ @supports not -moz-bool-pref("userChrome.combined.urlbar.nav_button") {
+ @supports not -moz-bool-pref("userChrome.combined.sub_button.none_background") {
+ @supports -moz-bool-pref("userChrome.combined.urlbar.home_button") {
+ @supports not -moz-bool-pref("userChrome.combined.nav_button.home_button") {
+ #nav-bar-customization-target > #forward-button > .toolbarbutton-icon {
+ background-color: var(--uc-combined-circlebutton-background);
+ }
+ #nav-bar-customization-target > #forward-button:not([disabled], [open]):hover > .toolbarbutton-icon {
+ background-color: var(--uc-combined-circlebutton-hover-background) !important;
+ box-shadow: 0 1px 6px hsla(0deg, 0%, 0%, 0.1);
+ border-color: hsla(240deg, 5%, 5%, 0.35);
+ }
+ #nav-bar-customization-target > #forward-button[open] > .toolbarbutton-icon,
+ #nav-bar-customization-target > #forward-button:not([disabled]):hover:active > .toolbarbutton-icon {
+ background-color: var(--uc-combined-circlebutton-active-background) !important;
+ border-color: hsla(240deg, 5%, 5%, 0.4);
+ }
+ #nav-bar-customization-target > #forward-button[disabled="true"] > .toolbarbutton-icon {
+ background-color: color-mix(
+ in srgb,
+ var(--toolbarbutton-hover-background),
+ var(--toolbar-field-background-color) 40%
+ ) !important;
+ fill: color-mix(in srgb, var(--toolbarbutton-icon-fill), transparent 60%);
+ }
+ @supports not -moz-bool-pref("userChrome.autohide.forward_button") {
+ #nav-bar-customization-target > #forward-button[disabled="true"][disabled="true"] {
+ opacity: 1 !important; /* Original: 0.4 */
+ }
+ }
+ }
+ }
+ @supports not -moz-bool-pref("userChrome.combined.urlbar.home_button") {
+ #nav-bar-customization-target > #forward-button > .toolbarbutton-icon {
+ background-color: var(--uc-combined-circlebutton-background);
+ }
+ #nav-bar-customization-target > #forward-button:not([disabled], [open]):hover > .toolbarbutton-icon {
+ background-color: var(--uc-combined-circlebutton-hover-background) !important;
+ box-shadow: 0 1px 6px hsla(0deg, 0%, 0%, 0.1);
+ border-color: hsla(240deg, 5%, 5%, 0.35);
+ }
+ #nav-bar-customization-target > #forward-button[open] > .toolbarbutton-icon,
+ #nav-bar-customization-target > #forward-button:not([disabled]):hover:active > .toolbarbutton-icon {
+ background-color: var(--uc-combined-circlebutton-active-background) !important;
+ border-color: hsla(240deg, 5%, 5%, 0.4);
+ }
+ #nav-bar-customization-target > #forward-button[disabled="true"] > .toolbarbutton-icon {
+ background-color: color-mix(
+ in srgb,
+ var(--toolbarbutton-hover-background),
+ var(--toolbar-field-background-color) 40%
+ ) !important;
+ fill: color-mix(in srgb, var(--toolbarbutton-icon-fill), transparent 60%);
+ }
+ @supports not -moz-bool-pref("userChrome.autohide.forward_button") {
+ #nav-bar-customization-target > #forward-button[disabled="true"][disabled="true"] {
+ opacity: 1 !important; /* Original: 0.4 */
+ }
+ }
+ }
+ }
+ }
+ @supports not -moz-bool-pref("userChrome.autohide.forward_button") {
+ #nav-bar-customization-target > #forward-button {
+ margin-inline-start: var(--uc-forward-button-margin) !important;
+ }
+ }
+ @supports -moz-bool-pref("userChrome.autohide.forward_button") {
+ #nav-bar-customization-target > #forward-button:not([disabled="true"]) {
+ margin-inline-start: var(--uc-forward-button-margin) !important;
+ }
+ }
+ }
+ #nav-bar-customization-target > #back-button {
+ position: relative;
+ }
+ @supports not -moz-bool-pref("userChrome.combined.urlbar.home_button") {
+ @supports not -moz-bool-pref("userChrome.combined.nav_button.home_button") {
+ #nav-bar-customization-target > #back-button > .toolbarbutton-icon {
+ background-color: var(--uc-combined-circlebutton-background);
+ }
+ #nav-bar-customization-target > #back-button:not([disabled], [open]):hover > .toolbarbutton-icon {
+ background-color: var(--uc-combined-circlebutton-hover-background) !important;
+ box-shadow: 0 1px 6px hsla(0deg, 0%, 0%, 0.1);
+ border-color: hsla(240deg, 5%, 5%, 0.35);
+ }
+ #nav-bar-customization-target > #back-button[open] > .toolbarbutton-icon,
+ #nav-bar-customization-target > #back-button:not([disabled]):hover:active > .toolbarbutton-icon {
+ background-color: var(--uc-combined-circlebutton-active-background) !important;
+ border-color: hsla(240deg, 5%, 5%, 0.4);
+ }
+ #nav-bar-customization-target > #back-button[disabled="true"] > .toolbarbutton-icon {
+ background-color: color-mix(
+ in srgb,
+ var(--toolbarbutton-hover-background),
+ var(--toolbar-field-background-color) 40%
+ ) !important;
+ fill: color-mix(in srgb, var(--toolbarbutton-icon-fill), transparent 60%);
+ }
+ @supports not -moz-bool-pref("userChrome.autohide.back_button") {
+ #nav-bar-customization-target > #back-button[disabled="true"][disabled="true"] {
+ opacity: 1 !important; /* Original: 0.4 */
+ }
+ }
+ }
+ }
+ @supports -moz-bool-pref("userChrome.combined.nav_button.home_button") or -moz-bool-pref("userChrome.combined.urlbar.home_button") {
+ #nav-bar-customization-target > #back-button {
+ z-index: 2;
+ }
+ @supports not -moz-bool-pref("userChrome.combined.sub_button.as_normal") {
+ #nav-bar-customization-target > #back-button {
+ margin-inline-end: calc(-1 * var(--uc-toolbarbutton-boundary) - 1px) !important;
+ }
+ @supports not -moz-bool-pref("userChrome.combined.sub_button.none_background") {
+ #nav-bar-customization-target > #back-button > .toolbarbutton-icon {
+ background-color: var(--uc-combined-circlebutton-background);
+ }
+ #nav-bar-customization-target > #back-button:not([disabled], [open]):hover > .toolbarbutton-icon {
+ background-color: var(--uc-combined-circlebutton-hover-background) !important;
+ box-shadow: 0 1px 6px hsla(0deg, 0%, 0%, 0.1);
+ border-color: hsla(240deg, 5%, 5%, 0.35);
+ }
+ #nav-bar-customization-target > #back-button[open] > .toolbarbutton-icon,
+ #nav-bar-customization-target > #back-button:not([disabled]):hover:active > .toolbarbutton-icon {
+ background-color: var(--uc-combined-circlebutton-active-background) !important;
+ border-color: hsla(240deg, 5%, 5%, 0.4);
+ }
+ #nav-bar-customization-target > #back-button[disabled="true"] > .toolbarbutton-icon {
+ background-color: color-mix(
+ in srgb,
+ var(--toolbarbutton-hover-background),
+ var(--toolbar-field-background-color) 40%
+ ) !important;
+ fill: color-mix(in srgb, var(--toolbarbutton-icon-fill), transparent 60%);
+ }
+ @supports not -moz-bool-pref("userChrome.autohide.back_button") {
+ #nav-bar-customization-target > #back-button[disabled="true"][disabled="true"] {
+ opacity: 1 !important; /* Original: 0.4 */
+ }
+ }
+ }
+ #nav-bar-customization-target > #back-button > .toolbarbutton-icon {
+ padding-inline-start: var(--urlbar-icon-padding) !important; /* Original: var(--toolbarbutton-inner-padding) */
+ padding-block: var(--urlbar-icon-padding) !important;
+ height: var(--uc-urlbar-icon-size) !important;
+ }
+ }
+ }
+ @supports not -moz-bool-pref("userChrome.combined.nav_button.home_button") {
+ @supports -moz-bool-pref("userChrome.combined.urlbar.nav_button") {
+ @supports not -moz-bool-pref("userChrome.combined.urlbar.home_button") {
+ #nav-bar-customization-target > #back-button {
+ z-index: 3 !important;
+ background-color: var(--toolbar-bgcolor) !important;
+ background-clip: content-box !important;
+ border-radius: 100%;
+ padding-block: 0 !important;
+ }
+ @supports -moz-bool-pref("userChrome.padding.toolbar_button") {
+ @supports -moz-bool-pref("userChrome.padding.toolbar_button.compact") {
+ #nav-bar-customization-target > #back-button {
+ --toolbarbutton-inner-padding: var(--uc-toolbarbutton-inner-padding-default);
+ }
+ }
+ }
+ @supports not -moz-bool-pref("userChrome.autohide.back_button") {
+ #nav-bar-customization-target > #back-button {
+ padding-inline-end: 0 !important;
+ }
+ }
+ @supports -moz-bool-pref("userChrome.autohide.back_button") {
+ #nav-bar-customization-target > #back-button:not([disabled="true"]) {
+ padding-inline-end: 0 !important;
+ }
+ #nav-bar-customization-target > #back-button[disabled="true"] {
+ padding-inline-end: calc(var(--toolbarbutton-outer-padding) + 1px) !important;
+ }
+ }
+ #nav-bar-customization-target > #back-button > menupopup {
+ margin-top: -1px !important;
+ }
+ #nav-bar-customization-target > #back-button > .toolbarbutton-icon {
+ background-origin: padding-box;
+ background-clip: padding-box;
+ border: 1px solid var(--uc-combined-circlebutton-border-color);
+ border-radius: 10000px !important;
+ padding-inline-end: var(--urlbar-icon-padding) !important;
+ height: auto !important;
+ }
+ }
+ }
+ @supports not -moz-bool-pref("userChrome.combined.urlbar.nav_button") {
+ #nav-bar-customization-target > #back-button {
+ z-index: 3 !important;
+ background-color: var(--toolbar-bgcolor) !important;
+ background-clip: content-box !important;
+ border-radius: 100%;
+ padding-block: 0 !important;
+ }
+ @supports -moz-bool-pref("userChrome.padding.toolbar_button") {
+ @supports -moz-bool-pref("userChrome.padding.toolbar_button.compact") {
+ #nav-bar-customization-target > #back-button {
+ --toolbarbutton-inner-padding: var(--uc-toolbarbutton-inner-padding-default);
+ }
+ }
+ }
+ @supports not -moz-bool-pref("userChrome.autohide.back_button") {
+ #nav-bar-customization-target > #back-button {
+ padding-inline-end: 0 !important;
+ }
+ }
+ @supports -moz-bool-pref("userChrome.autohide.back_button") {
+ #nav-bar-customization-target > #back-button:not([disabled="true"]) {
+ padding-inline-end: 0 !important;
+ }
+ #nav-bar-customization-target > #back-button[disabled="true"] {
+ padding-inline-end: calc(var(--toolbarbutton-outer-padding) + 1px) !important;
+ }
+ }
+ #nav-bar-customization-target > #back-button > menupopup {
+ margin-top: -1px !important;
+ }
+ #nav-bar-customization-target > #back-button > .toolbarbutton-icon {
+ background-origin: padding-box;
+ background-clip: padding-box;
+ border: 1px solid var(--uc-combined-circlebutton-border-color);
+ border-radius: 10000px !important;
+ padding-inline-end: var(--urlbar-icon-padding) !important;
+ height: auto !important;
+ }
+ }
+ }
+}
+@supports -moz-bool-pref("userChrome.combined.nav_button") {
+ @supports -moz-bool-pref("userChrome.combined.nav_button.home_button") {
+ #nav-bar-customization-target > #home-button {
+ position: relative;
+ z-index: 3 !important;
+ background-color: var(--toolbar-bgcolor) !important;
+ background-clip: content-box !important;
+ border-radius: 100%;
+ padding-block: 0 !important;
+ padding-inline-end: 0 !important;
+ }
+ @supports -moz-bool-pref("userChrome.padding.toolbar_button") {
+ @supports -moz-bool-pref("userChrome.padding.toolbar_button.compact") {
+ #nav-bar-customization-target > #home-button {
+ --toolbarbutton-inner-padding: var(--uc-toolbarbutton-inner-padding-default);
+ }
+ }
+ }
+ #nav-bar-customization-target > #home-button > menupopup {
+ margin-top: -1px !important;
+ }
+ #nav-bar-customization-target > #home-button > .toolbarbutton-icon {
+ background-color: var(--uc-combined-circlebutton-background);
+ background-origin: padding-box;
+ background-clip: padding-box;
+ border: 1px solid var(--uc-combined-circlebutton-border-color);
+ border-radius: 10000px !important;
+ padding-inline-end: var(--urlbar-icon-padding) !important;
+ height: auto !important;
+ }
+ #nav-bar-customization-target > #home-button:hover > .toolbarbutton-icon {
+ background-color: var(--uc-combined-circlebutton-hover-background) !important;
+ box-shadow: 0 1px 6px hsla(0deg, 0%, 0%, 0.1);
+ border-color: hsla(240deg, 5%, 5%, 0.35);
+ }
+ #nav-bar-customization-target > #home-button:hover:active > .toolbarbutton-icon {
+ background-color: var(--uc-combined-circlebutton-active-background) !important;
+ border-color: hsla(240deg, 5%, 5%, 0.4);
+ }
+ }
+}
+@supports -moz-bool-pref("userChrome.combined.urlbar.nav_button") {
+ #nav-bar-customization-target > #back-button {
+ -moz-box-ordinal-group: 2;
+ }
+ #nav-bar-customization-target > #forward-button {
+ -moz-box-ordinal-group: 4;
+ }
+ @supports -moz-bool-pref("userChrome.combined.urlbar.home_button") {
+ #nav-bar-customization-target
+ > :first-child:is(#back-button, #forward-button, #home-button)
+ + :is(toolbarbutton, toolbaritem):not(#back-button, #forward-button, #home-button),
+ #nav-bar-customization-target
+ > :first-child:is(#back-button, #forward-button, #home-button)
+ + :is(#back-button, #forward-button, #home-button)
+ + :is(toolbarbutton, toolbaritem):not(#back-button, #forward-button, #home-button),
+ #nav-bar-customization-target
+ > :first-child:is(#back-button, #forward-button, #home-button)
+ + :is(#back-button, #forward-button, #home-button)
+ + :is(#back-button, #forward-button, #home-button)
+ + :is(toolbarbutton, toolbaritem) {
+ padding-inline-start: var(--toolbar-start-end-padding) !important;
+ }
+ }
+ @supports not -moz-bool-pref("userChrome.combined.urlbar.home_button") {
+ #nav-bar-customization-target
+ > :first-child:is(#back-button, #forward-button)
+ + :is(toolbarbutton, toolbaritem):not(#back-button, #forward-button),
+ #nav-bar-customization-target
+ > :first-child:is(#back-button, #forward-button)
+ + :is(#back-button, #forward-button)
+ + :is(toolbarbutton, toolbaritem) {
+ padding-inline-start: var(--toolbar-start-end-padding) !important;
+ }
+ }
+}
+@supports -moz-bool-pref("userChrome.combined.urlbar.home_button") {
+ #nav-bar-customization-target > #home-button {
+ -moz-box-ordinal-group: 3;
+ }
+ @supports not -moz-bool-pref("userChrome.combined.urlbar.nav_button") {
+ #nav-bar-customization-target > #home-button:is(:first-child) + :is(toolbarbutton, toolbaritem) {
+ padding-inline-start: var(--toolbar-start-end-padding) !important;
+ }
+ }
+ #nav-bar-customization-target > #home-button {
+ position: relative;
+ z-index: 3 !important;
+ background-color: var(--toolbar-bgcolor) !important;
+ background-clip: content-box !important;
+ border-radius: 100%;
+ padding-block: 0 !important;
+ padding-inline-end: 0 !important;
+ }
+ @supports -moz-bool-pref("userChrome.padding.toolbar_button") {
+ @supports -moz-bool-pref("userChrome.padding.toolbar_button.compact") {
+ #nav-bar-customization-target > #home-button {
+ --toolbarbutton-inner-padding: var(--uc-toolbarbutton-inner-padding-default);
+ }
+ }
+ }
+ #nav-bar-customization-target > #home-button > menupopup {
+ margin-top: -1px !important;
+ }
+ #nav-bar-customization-target > #home-button > .toolbarbutton-icon {
+ background-color: var(--uc-combined-circlebutton-background);
+ background-origin: padding-box;
+ background-clip: padding-box;
+ border: 1px solid var(--uc-combined-circlebutton-border-color);
+ border-radius: 10000px !important;
+ padding-inline-end: var(--urlbar-icon-padding) !important;
+ height: auto !important;
+ }
+ #nav-bar-customization-target > #home-button:hover > .toolbarbutton-icon {
+ background-color: var(--uc-combined-circlebutton-hover-background) !important;
+ box-shadow: 0 1px 6px hsla(0deg, 0%, 0%, 0.1);
+ border-color: hsla(240deg, 5%, 5%, 0.35);
+ }
+ #nav-bar-customization-target > #home-button:hover:active > .toolbarbutton-icon {
+ background-color: var(--uc-combined-circlebutton-active-background) !important;
+ border-color: hsla(240deg, 5%, 5%, 0.4);
+ }
+}
+@supports -moz-bool-pref("userChrome.combined.urlbar.reload_button") {
+ #nav-bar-customization-target > #stop-reload-button {
+ -moz-box-ordinal-group: 6;
+ }
+ #urlbar {
+ padding-right: calc(var(--uc-toolbarbutton-size) - var(--urlbar-margin-inline) / 2);
+ }
+ #nav-bar-customization-target > #stop-reload-button {
+ z-index: 3;
+ position: relative;
+ --toolbarbutton-hover-background: var(--urlbar-box-hover-bgcolor);
+ color: var(--urlbar-box-hover-text-color) !important;
+ margin-left: calc(-1 * (var(--uc-toolbarbutton-size) + var(--urlbar-margin-inline)));
+ }
+ #nav-bar-customization-target > #stop-reload-button > .toolbarbutton-1 > .toolbarbutton-icon {
+ width: var(--uc-urlbar-icon-size) !important;
+ height: var(--uc-urlbar-icon-size) !important;
+ padding: var(--urlbar-icon-padding) !important;
+ }
+}
+/** Others UI *****************************************************************/
+/*= Counter for Tab ==========================================================*/
+@supports -moz-bool-pref("userChrome.counter.tab") {
+ #tabbrowser-tabs {
+ counter-reset: tab-counts;
+ }
+ .tabbrowser-tab:not([hidden="true"]) {
+ counter-increment: tab-counts;
+ }
+ .tabbrowser-tab:not([hidden="true"])[pinned="true"] .tab-label-container::before {
+ content: "Â " counter(tab-counts);
+ }
+ .tabbrowser-tab:not([hidden="true"]):not([pinned="true"]) .tab-label-container::before {
+ content: counter(tab-counts) ":Â ";
+ }
+ .tabbrowser-tab:not([hidden="true"]) .tab-label-container {
+ display: grid;
+ align-content: safe center;
+ align-items: safe center;
+ }
+ @supports -moz-bool-pref("userChrome.centered.tab") {
+ @supports not -moz-bool-pref("userChrome.centered.tab.label") {
+ .tabbrowser-tab:not([hidden="true"]) .tab-label-container {
+ justify-content: start;
+ justify-items: start;
+ }
+ }
+ }
+ @supports not -moz-bool-pref("userChrome.centered.tab") {
+ .tabbrowser-tab:not([hidden="true"]) .tab-label-container {
+ justify-content: start;
+ justify-items: start;
+ }
+ }
+ .tabbrowser-tab:not([hidden="true"]) .tab-label-container::before {
+ display: inline-block;
+ grid-row: 1;
+ }
+ .tabbrowser-tab:not([hidden="true"]) .tab-label-container > .tab-text {
+ grid-row: 1;
+ }
+ .tabbrowser-tab:not([hidden="true"]) .tab-label-container[pinned] {
+ width: unset !important; /* Original: 0 */
+ }
+ .tabbrowser-tab:not([hidden="true"]) .tab-label-container[pinned] > .tab-text,
+ .tabbrowser-tab:not([hidden="true"]) .tab-label-container[pinned] > .tab-secondary-label {
+ width: 0;
+ }
+ .tab-label,
+ .tab-secondary-label {
+ overflow: hidden;
+ }
+ @supports -moz-bool-pref("userChrome.tab.sound_with_favicons") {
+ @supports not -moz-bool-pref("userChrome.hidden.tab_icon") {
+ .tabbrowser-tab:not([sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked])[pinned]
+ .tab-label-container[labeldirection="ltr"],
+ .tabbrowser-tab:not([sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked])[pinned]
+ .tab-label-container:not([labeldirection]):-moz-locale-dir(ltr) {
+ --uc-sound-tab-label-position-x: 2px;
+ }
+ .tabbrowser-tab:not([sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked])[pinned]
+ .tab-label-container[labeldirection="rtl"],
+ .tabbrowser-tab:not([sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked])[pinned]
+ .tab-label-container:not([labeldirection]):-moz-locale-dir(rtl) {
+ --uc-sound-tab-label-position-x: -2px;
+ }
+ .tabbrowser-tab:not([sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked])
+ .tab-label-container::before {
+ transform: translateX(var(--uc-sound-tab-label-position-x, 0px));
+ }
+ }
+ @supports -moz-bool-pref("userChrome.hidden.tab_icon") {
+ @supports not -moz-bool-pref("userChrome.hidden.tab_icon.always") {
+ .tabbrowser-tab:not([sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked])[pinned]
+ .tab-label-container[labeldirection="ltr"],
+ .tabbrowser-tab:not([sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked])[pinned]
+ .tab-label-container:not([labeldirection]):-moz-locale-dir(ltr) {
+ --uc-sound-tab-label-position-x: 2px;
+ }
+ .tabbrowser-tab:not([sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked])[pinned]
+ .tab-label-container[labeldirection="rtl"],
+ .tabbrowser-tab:not([sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked])[pinned]
+ .tab-label-container:not([labeldirection]):-moz-locale-dir(rtl) {
+ --uc-sound-tab-label-position-x: -2px;
+ }
+ .tabbrowser-tab:not([sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked])
+ .tab-label-container::before {
+ transform: translateX(var(--uc-sound-tab-label-position-x, 0px));
+ }
+ }
+ }
+ .tab-label-container::beforee {
+ transition: transform 0.25s var(--animation-easing-function);
+ }
+ }
+}
+/*= Counter for Bookmark menu ================================================*/
+@supports -moz-bool-pref("userChrome.counter.bookmark_menu") {
+ menupopup[placespopup="true"] > menu.bookmark-item > .menu-right {
+ counter-reset: bookmark-counts 0;
+ }
+ menupopup[placespopup="true"] > menu.bookmark-item::after {
+ display: -moz-inline-box;
+ content: "(" counter(bookmark-counts) ")";
+ }
+ menupopup[placespopup="true"] > menu.bookmark-item > .menu-iconic-highlightable-text,
+ menupopup[placespopup="true"] > menu.bookmark-item > .menu-accel-container,
+ menupopup[placespopup="true"] > menu.bookmark-item > .menu-right {
+ -moz-box-ordinal-group: 2;
+ }
+ menu.bookmark-item > menupopup[placespopup="true"] > .bookmark-item {
+ counter-increment: bookmark-counts;
+ }
+}
+@supports -moz-bool-pref("userChrome.findbar.floating_on_top") {
+ /* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/floating_findbar_on_top.css made available under Mozilla Public License v. 2.0
+ See the above repository for updates as well as full license text. */
+ /* Note that privacy.resistFingerprinting.letterboxing prevents this from working properly */
+ #main-window > body > box {
+ z-index: 1;
+ }
+ findbar {
+ -moz-box-ordinal-group: 0;
+ position: relative;
+ height: 0 !important;
+ overflow: visible;
+ border-top: none !important;
+ padding: 0 !important;
+ background: none !important;
+ pointer-events: none;
+ z-index: 1;
+ margin-right: 16px;
+ border-right: 1px solid var(--chrome-content-separator-color);
+ }
+ findbar::before {
+ content: "";
+ display: -moz-box;
+ -moz-box-flex: 200;
+ }
+ .findbar-container,
+ .findbar-closebutton {
+ border-style: solid;
+ border-color: var(--chrome-content-separator-color);
+ background: var(--uc-light-bkgnd-color, var(--toolbar-bgcolor)) !important;
+ pointer-events: auto;
+ height: 33px !important;
+ }
+ .findbar-container {
+ -moz-box-direction: reverse;
+ border-width: 0 0 1px 1px;
+ border-radius: var(--toolbarbutton-border-radius) 0 0 var(--toolbarbutton-border-radius) !important;
+ }
+ .findbar-container > .findbar-find-fast {
+ padding: var(--toolbarbutton-inner-padding) 1px;
+ margin: 0 !important;
+ }
+ .findbar-container > .findbar-find-status {
+ display: -moz-box;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ -moz-box-flex: 1;
+ }
+ .findbar-container > hbox {
+ margin-inline: 5px;
+ }
+ .findbar-closebutton {
+ width: 30px !important; /* Original: 24px */
+ margin: 0 !important;
+ border-width: 0 1px 1px 0px;
+ border-radius: 0 var(--toolbarbutton-border-radius) var(--toolbarbutton-border-radius) 0 !important;
+ padding: 2px 5px 2px 3px !important;
+ overflow: clip;
+ }
+ .findbar-closebutton image {
+ padding: 4px;
+ border-radius: var(--toolbarbutton-border-radius);
+ }
+ .findbar-closebutton:hover > image {
+ background: var(--toolbarbutton-hover-background) !important;
+ }
+}
/** Fullscreen - Overlap toolbar **********************************************/
@supports -moz-bool-pref("userChrome.fullscreen.overlap") {
@supports -moz-bool-pref("browser.fullscreen.autohide") {
@@ -6961,7 +8767,7 @@
}
.tab-label,
.tab-secondary-label {
- overflow: hidden;
+ overflow: clip;
}
.tabbrowser-tab[selected]:not(:hover) .tab-label-container:not([textoverflow]),
.tabbrowser-tab:not(:hover, [pinned]) .tab-label-container:not([textoverflow]) {
@@ -6984,35 +8790,45 @@
}
}
/** Auto Hide *****************************************************************/
-@supports -moz-bool-pref("userChrome.autohide.back_button") {
- #back-button[disabled="true"] {
- margin-left: -36px !important;
- opacity: 0 !important;
- pointer-events: none;
- }
- @media (prefers-reduced-motion: no-preference) {
- #back-button {
- transition-property: background-color, opacity, margin-left !important;
- }
- #back-button[disabled="true"] {
- transition: background-color 1s var(--animation-easing-function), opacity 1s var(--animation-easing-function),
- margin-left 0.5s ease !important;
- }
+@supports -moz-bool-pref("userChrome.autohide.back_button") or -moz-bool-pref("userChrome.autohide.forward_button") {
+ :root {
+ --uc-toolbarbutton-hide-size: calc(
+ -1 * (16px + (2 * (var(--toolbarbutton-outer-padding) + var(--toolbarbutton-inner-padding))))
+ );
}
}
-@supports -moz-bool-pref("userChrome.autohide.forward_button") {
- #forward-button[disabled="true"] {
- margin-left: -36px !important;
- opacity: 0 !important;
- pointer-events: none;
- }
- @media (prefers-reduced-motion: no-preference) {
- #forward-button {
- transition-property: background-color, opacity, margin-left !important;
+@-moz-document url("chrome://browser/content/browser.xhtml")
+{
+ @supports -moz-bool-pref("userChrome.autohide.back_button") {
+ :root:not([customizing="true"]) #back-button[disabled="true"] {
+ margin-left: var(--uc-toolbarbutton-hide-size) !important;
+ opacity: 0 !important;
+ pointer-events: none;
}
- #forward-button[disabled="true"] {
- transition: background-color 1s var(--animation-easing-function), opacity 1s var(--animation-easing-function),
- margin-left 0.5s ease !important;
+ @media (prefers-reduced-motion: no-preference) {
+ #back-button {
+ transition-property: background-color, opacity, margin-left !important;
+ }
+ #back-button[disabled="true"] {
+ transition: background-color 1s var(--animation-easing-function), opacity 1s var(--animation-easing-function),
+ margin-left 0.5s ease !important;
+ }
+ }
+ }
+ @supports -moz-bool-pref("userChrome.autohide.forward_button") {
+ :root:not([customizing="true"]) #forward-button[disabled="true"] {
+ margin-left: var(--uc-toolbarbutton-hide-size) !important;
+ opacity: 0 !important;
+ pointer-events: none;
+ }
+ @media (prefers-reduced-motion: no-preference) {
+ #forward-button {
+ transition-property: background-color, opacity, margin-left !important;
+ }
+ #forward-button[disabled="true"] {
+ transition: background-color 1s var(--animation-easing-function), opacity 1s var(--animation-easing-function),
+ margin-left 0.5s ease !important;
+ }
}
}
}
@@ -7099,14 +8915,27 @@
@supports -moz-bool-pref("userChrome.autohide.tabbar") or -moz-bool-pref("userChrome.autohide.navbar") or -moz-bool-pref(
"userChrome.autohide.bookmarkbar"
)
- or -moz-bool-pref("userChrome.tabbar.one_liner") or -moz-bool-pref("userChrome.hidden.tabbar") {
+ or -moz-bool-pref("userChrome.tabbar.one_liner") or -moz-bool-pref("userChrome.tabbar.on_bottom.menubar_on_top") or -moz-bool-pref(
+ "userChrome.hidden.tabbar"
+ ) or -moz-bool-pref("userChrome.navbar.as_sidebar") {
:root {
- --uc-tabbar-height: var(--tab-min-height);
+ --uc-tabbar-height: var(--uc-tabbar-height-default);
+ --uc-tabbar-height-default: var(--tab-min-height);
--uc-tabbar-hide-height: calc(-1 * var(--uc-tabbar-height));
- --uc-navbar-height: calc(16px + 2 * (var(--toolbarbutton-inner-padding) + var(--toolbarbutton-outer-padding)));
+ --uc-navbar-height: var(--uc-navbar-height-default);
+ --uc-navbar-height-default: calc(
+ 16px + 2 * (var(--toolbarbutton-inner-padding) + var(--toolbarbutton-outer-padding))
+ );
--uc-navbar-hide-height: calc(-1 * var(--uc-navbar-height));
- --uc-bm-height: calc(20px + (2 * var(--bookmark-block-padding, 4px))); /* 20px = 16px + (2px * 2) [margin block] */
+ --uc-bm-height: var(--uc-bm-height-default);
+ --uc-bm-height-default: calc(
+ 20px + (2 * var(--bookmark-block-padding, 4px))
+ ); /* 20px = 16px + (2px * 2) [margin block] */
--uc-bm-hide-height: calc(-1 * var(--uc-bm-height));
+ --uc-titlebar-buttonbox-height: 34px;
+ --uc-menubar-height: 0px;
+ --uc-menubar-height-default: calc(1.6rem + 2px);
+ --uc-menubar-inner-height: calc(1.6rem - 2px);
}
@supports -moz-bool-pref("userChrome.hidden.tabbar") {
@supports not -moz-bool-pref("userChrome.tabbar.one_liner") {
@@ -7130,9 +8959,47 @@
}
}
@supports selector(:has(a)) {
+ :root:not([tabsintitlebar]):has(#toolbar-menubar) {
+ --uc-menubar-height: var(--uc-menubar-height-default);
+ }
+ @media (-moz-gtk-csd-available) {
+ :root[tabsintitlebar]:has(#toolbar-menubar[autohide="true"]) {
+ --uc-menubar-height: calc(var(--tab-min-height) + 2 * var(--tab-block-margin));
+ }
+ }
+ @media (-moz-os-version: windows-win10), (-moz-platform: windows-win10) {
+ :root[tabsintitlebar]:has(#toolbar-menubar[autohide="true"]) {
+ --uc-menubar-height: calc(var(--tab-min-height) - var(--tabs-navbar-shadow-size));
+ }
+ }
+ @media (-moz-os-version: windows-win7),
+ (-moz-platform: windows-win7),
+ (-moz-os-version: windows-win8),
+ (-moz-platform: windows-win8) {
+ :root[tabsintitlebar]:has(#toolbar-menubar[autohide="true"]) {
+ --uc-menubar-height: calc(var(--tab-min-height) + var(--tab-block-margin));
+ }
+ }
+ :root[tabsintitlebar]:has(#toolbar-menubar[autohide="false"]) {
+ --uc-menubar-height: var(--uc-titlebar-buttonbox-height);
+ }
+ :root:not([tabsintitlebar]):has(#toolbar-menubar[autohide="true"][inactive="true"]),
+ :root[tabsintitlebar]:has(#toolbar-menubar[autohide="true"][inactive="true"]) {
+ --uc-menubar-height: 0px;
+ }
#navigator-toolbox:has(#PersonalToolbar[collapsed="true"]) {
--uc-bm-height: 0px;
}
+ @supports -moz-bool-pref("userChrome.navbar.as_sidebar") {
+ #navigator-toolbox:has(#PersonalToolbar[collapsed="false"]) #nav-bar {
+ --uc-bm-height: var(--uc-bm-height-default);
+ }
+ @supports -moz-bool-pref("userChrome.autohide.bookmarkbar") {
+ #navigator-toolbox:has(#PersonalToolbar[collapsed="false"]):not(:hover) #nav-bar {
+ --uc-bm-height: 0px;
+ }
+ }
+ }
}
}
@supports -moz-bool-pref("userChrome.autohide.tabbar") or -moz-bool-pref("userChrome.autohide.navbar") or -moz-bool-pref(
@@ -7565,17 +9432,22 @@
max-width: var(--uc-sidebar-width) !important;
will-change: min-width, max-width;
}
+ #sidebar-box:is(:hover, :focus-within) {
+ --uc-sidebar-shadow-width: calc(var(--uc-sidebar-activate-width) - var(--uc-sidebar-width));
+ }
#sidebar-box:is(:hover, :focus-within) > #sidebar-header,
#sidebar-box:is(:hover, :focus-within) > #sidebar {
min-width: var(--uc-sidebar-activate-width) !important;
max-width: var(--uc-sidebar-activate-width) !important;
}
:root[inFullscreen="true"] #sidebar-box {
+ --uc-sidebar-shadow-width: var(--uc-sidebar-fullscreen-width);
margin-inline-start: var(--uc-sidebar-activate-width-reverse) !important;
padding-inline-start: var(--uc-sidebar-fullscreen-width);
- will-change: padding-inline-start;
+ will-change: padding-inline-start, opacity, box-shadow, visibility;
}
:root[inFullscreen="true"] #sidebar-box:is(:hover, :focus-within) {
+ --uc-sidebar-shadow-width: var(--uc-sidebar-activate-width);
padding-inline-start: var(--uc-sidebar-activate-width);
}
:root[inFullscreen="true"] #sidebar-box #sidebar-header,
@@ -7590,13 +9462,22 @@
transition: min-width var(--uc-autohide-sidebar-speed) var(--animation-easing-function)
var(--uc-autohide-sidebar-delay) !important;
}
+ #sidebar-box:is(:hover, :focus-within) {
+ transition: margin-inline-start var(--uc-autohide-sidebar-speed) var(--animation-easing-function),
+ opacity var(--uc-autohide-sidebar-speed) ease-in-out,
+ box-shadow var(--uc-autohide-sidebar-speed) var(--animation-easing-function) var(--uc-autohide-sidebar-speed),
+ visibility 0s linear !important;
+ }
#sidebar-box:is(:hover, :focus-within) > #sidebar-header,
#sidebar-box:is(:hover, :focus-within) > #sidebar {
transition-delay: 0ms !important;
}
:root[inFullscreen="true"] #sidebar-box {
transition: padding-inline-start var(--uc-autohide-fullscreen-sidebar-speed) var(--animation-easing-function)
- var(--uc-autohide-sidebar-delay) !important;
+ var(--uc-autohide-sidebar-delay),
+ opacity var(--uc-autohide-fullscreen-sidebar-speed) ease-in-out,
+ box-shadow calc(var(--uc-autohide-fullscreen-sidebar-speed) + 0.05s) var(--animation-easing-function),
+ visibility 0s linear !important;
}
:root[inFullscreen="true"] #sidebar-box:is(:hover, :focus-within) {
transition-delay: 0ms !important;
@@ -7632,7 +9513,8 @@
@media (prefers-reduced-motion: no-preference) {
#sidebar-box {
transition: min-width var(--uc-autohide-sidebar-speed) var(--animation-easing-function)
- var(--uc-autohide-sidebar-delay) !important;
+ var(--uc-autohide-sidebar-delay),
+ max-width var(--uc-autohide-sidebar-speed) var(--animation-easing-function) var(--uc-autohide-sidebar-delay) !important;
}
#sidebar-box:is(:hover, :focus-within) {
transition-delay: 0ms !important;
@@ -7753,6 +9635,11 @@
}
}
}
+@supports -moz-bool-pref("userChrome.hidden.titlebar_container") {
+ .titlebar-buttonbox-container {
+ display: none !important;
+ }
+}
@supports -moz-bool-pref("userChrome.hidden.sidebar_header") {
@supports not -moz-bool-pref("userChrome.hidden.sidebar_header.vertical_tab_only") {
#sidebar-header {
@@ -7767,13 +9654,35 @@
}
}
@supports -moz-bool-pref("userChrome.hidden.urlbar_iconbox") {
- #identity-box[pageproxystate="valid"].notSecureText #identity-icon-label,
- #identity-box[pageproxystate="valid"].chromeUI #identity-icon-box,
- #identity-box[pageproxystate="valid"].extensionPage #identity-icon-box {
- display: none;
+ @supports not -moz-bool-pref("userChrome.hidden.urlbar_iconbox.label_only") {
+ #identity-box[pageproxystate="valid"].notSecureText #identity-icon-label,
+ #identity-box[pageproxystate="valid"].chromeUI #identity-icon-box,
+ #identity-box[pageproxystate="valid"].extensionPage #identity-icon-box {
+ display: none;
+ }
+ #identity-box[pageproxystate="valid"].notSecureText #identity-icon-box {
+ padding-inline-end: 5px; /* Original: 8px */
+ }
}
- #identity-box[pageproxystate="valid"].notSecureText #identity-icon-box {
- padding-inline-end: 5px; /* Original: 8px */
+ @supports -moz-bool-pref("userChrome.hidden.urlbar_iconbox.label_only") {
+ #identity-box[pageproxystate="valid"].notSecureText,
+ #identity-box[pageproxystate="valid"].chromeUI,
+ #identity-box[pageproxystate="valid"].extensionPage {
+ margin-inline-end: var(--identity-box-margin-inline) !important;
+ }
+ #identity-box[pageproxystate="valid"].chromeUI #identity-icon-box:not(:hover),
+ #identity-box[pageproxystate="valid"].extensionPage #identity-icon-box:not(:hover) {
+ background-color: transparent !important;
+ }
+ @supports not -moz-bool-pref("userChrome.urlbar.iconbox_with_separator") {
+ #identity-box[pageproxystate="valid"].chromeUI #identity-icon-box,
+ #identity-box[pageproxystate="valid"].extensionPage #identity-icon-box {
+ padding-inline: var(--urlbar-icon-padding) !important;
+ }
+ }
+ #identity-box[pageproxystate="valid"] #identity-icon-label {
+ display: none !important;
+ }
}
}
@supports -moz-bool-pref("userChrome.hidden.bookmarkbar_icon") {
@@ -7966,6 +9875,16 @@
}
}
/** Panel - Icons *************************************************************/
+ :root {
+ --uc-sidebar-icon: url("chrome://browser/skin/sidebars.svg");
+ --uc-sidebar-icon-reverse: url("chrome://browser/skin/sidebars-right.svg");
+ }
+ @supports selector(:has(a)) {
+ :root:has(#sidebar-box[positionend="true"]) {
+ --uc-sidebar-icon: url("chrome://browser/skin/sidebars-right.svg");
+ --uc-sidebar-icon-reverse: url("chrome://browser/skin/sidebars.svg");
+ }
+ }
@supports -moz-bool-pref("userChrome.icon.panel") {
/*= Padding ==================================================================*/
:root {
@@ -7997,7 +9916,9 @@
.subviewbutton > .toolbarbutton-text {
padding-inline-start: var(--arrowpanel-menuicon-padding) !important;
}
- .toolbaritem-combined-buttons > .subviewbutton:not(.subviewbutton-iconic) > .toolbarbutton-text {
+ .toolbaritem-combined-buttons:not(.unified-extensions-item)
+ > .subviewbutton:not(.subviewbutton-iconic)
+ > .toolbarbutton-text {
padding-inline-start: 0 !important;
}
#panelMenu_bookmarksMenu .subviewbutton[disabled="true"] .toolbarbutton-text,
@@ -8036,7 +9957,7 @@
#appMenu-fullscreen-button2 {
--arrowpanel-menuitem-padding-block: 0px;
}
- .subviewbutton[type="checkbox"]:not([checked="true"]) > .toolbarbutton-text {
+ .subviewbutton[type="checkbox"]:not([checked="true"], #allTabsMenu_sortTabsButton) > .toolbarbutton-text {
margin-left: 16px !important;
}
/* Icons Color */
@@ -8158,6 +10079,9 @@
content: url("../icons/screenshot.svg");
}
}
+ #save-page-button {
+ list-style-image: url("../icons/toolbarButton-download.svg") !important;
+ }
#appMenu-settings-button {
list-style-image: url("chrome://global/skin/icons/settings.svg");
}
@@ -8421,6 +10345,12 @@
list-style-image: url("chrome://global/skin/icons/settings.svg");
}
/*= BMB_bookmarksPopup =======================================================*/
+ #BMB_viewBookmarksSidebar {
+ --menuitem-image: var(--uc-sidebar-icon);
+ }
+ #BMB_viewBookmarksSidebar[data-l10n-args='{"isVisible":true}'] {
+ --menuitem-image: url("chrome://global/skin/icons/close.svg");
+ }
#BMB_bookmarksShowAllTop,
#BMB_bookmarksShowAll {
--menuitem-image: url("chrome://browser/skin/bookmark-star-on-tray.svg");
@@ -8483,11 +10413,7 @@
list-style-image: url("chrome://browser/skin/tab.svg");
}
#sidebar-reverse-position {
- list-style-image: url("chrome://browser/skin/sidebars-right.svg");
- }
- #sidebar-box[positionend="true"] #sidebar-reverse-position {
- /* Can't apply this. shadow dom */
- list-style-image: url("chrome://browser/skin/sidebars.svg");
+ list-style-image: var(--uc-sidebar-icon-reverse);
}
#sidebarMenu-popup > .subviewbutton[data-l10n-id="sidebar-menu-close"] {
list-style-image: url("chrome://global/skin/icons/close.svg");
@@ -8496,6 +10422,10 @@
#unified-extensions-manage-extensions {
list-style-image: url("chrome://mozapps/skin/extensions/extension.svg");
}
+ /*= Tab Mix Plus =============================================================*/
+ #allTabsMenu_sortTabsButton {
+ list-style-image: url("../icons/text-sort-ascending.svg");
+ }
}
/** Menu - Icons Layout *******************************************************/
@supports -moz-bool-pref("userChrome.icon.menu") {
@@ -8526,6 +10456,7 @@
/* Color */
-moz-context-properties: fill, fill-opacity, stroke !important;
fill: currentColor !important;
+ stroke: transparent;
/* Layout */
background-size: 16px !important;
background-repeat: no-repeat !important;
@@ -8603,6 +10534,11 @@
:root {
--context-menu-background-padding-default: 2px;
}
+ @media (-moz-windows-classic) {
+ :root {
+ --context-menu-background-padding-default: -0.5px;
+ }
+ }
}
@media (-moz-os-version: windows-win8), (-moz-platform: windows-win8) {
:root {
@@ -8644,6 +10580,51 @@
var(--context-menu-background-padding) + var(--context-menu-text-padding)
);
}
+ @media not (-moz-windows-non-native-menus) {
+ :root {
+ --context-menu-background-padding: 3px;
+ --menu-background-padding-default: 0px;
+ }
+ @supports -moz-bool-pref("userChrome.compatibility.os.win11") {
+ :root {
+ --context-menu-background-padding: 5px;
+ }
+ }
+ menupopup:is(#historyMenuPopup, #bookmarksMenuPopup) .menu-iconic > .menu-iconic-left,
+ menupopup:is(#historyMenuPopup, #bookmarksMenuPopup) .menuitem-iconic > .menu-iconic-left,
+ menupopup:not([placespopup="true"]) .menu-iconic > .menu-iconic-left,
+ menupopup:not([placespopup="true"]) .menuitem-iconic > .menu-iconic-left {
+ appearance: none !important;
+ padding-block: 0 !important;
+ padding-inline-start: 5px !important;
+ margin-inline-end: 8px !important;
+ }
+ @supports -moz-bool-pref("userChrome.compatibility.os.win11") {
+ menupopup:is(#historyMenuPopup, #bookmarksMenuPopup) .menu-iconic > .menu-iconic-left,
+ menupopup:is(#historyMenuPopup, #bookmarksMenuPopup) .menuitem-iconic > .menu-iconic-left,
+ menupopup:not([placespopup="true"]) .menu-iconic > .menu-iconic-left,
+ menupopup:not([placespopup="true"]) .menuitem-iconic > .menu-iconic-left {
+ box-sizing: content-box;
+ }
+ }
+ menupopup:is(#historyMenuPopup, #bookmarksMenuPopup) .menu-accel,
+ menupopup:is(#historyMenuPopup, #bookmarksMenuPopup) .menu-iconic-accel,
+ menupopup:not([placespopup="true"]) .menu-accel,
+ menupopup:not([placespopup="true"]) .menu-iconic-accel {
+ box-sizing: content-box;
+ min-height: 16px;
+ }
+ menupopup:is(#historyMenuPopup, #bookmarksMenuPopup) .menu-accel,
+ menupopup:is(#historyMenuPopup, #bookmarksMenuPopup) .menu-iconic-accel,
+ menupopup:is(#historyMenuPopup, #bookmarksMenuPopup) .menu-text,
+ menupopup:is(#historyMenuPopup, #bookmarksMenuPopup) .menu-iconic-text,
+ menupopup:not([placespopup="true"]) .menu-accel,
+ menupopup:not([placespopup="true"]) .menu-iconic-accel,
+ menupopup:not([placespopup="true"]) .menu-text,
+ menupopup:not([placespopup="true"]) .menu-iconic-text {
+ padding-block: 0 !important;
+ }
+ }
:not(menu, #ContentSelectDropdown, #context-navigation)
> menupopup
> menuitem:not(.menuitem-iconic, .bookmark-item, .in-menulist, [checked="true"]),
@@ -8764,9 +10745,14 @@
menupopup:is(#BMB_bookmarksPopup) menu:not(.menu-iconic),
#PersonalToolbar menupopup[placespopup="true"] menuitem:not(.menuitem-iconic, [disabled="true"]),
#PersonalToolbar menupopup[placespopup="true"] menu:not(.menu-iconic) {
- margin-inline: var(--arrowpanel-menuitem-padding-inline) !important;
- padding-inline-start: calc(var(--arrowpanel-menuicon-padding) + var(--context-menu-text-padding)) !important;
- background-position: var(--uc-menu-background-position) calc(var(--arrowpanel-menuicon-padding)) center !important;
+ --arrowpanel-bookmark-menuicon-padding: calc(
+ var(--arrowpanel-menuicon-padding) - var(--arrowpanel-menuitem-margin-inline)
+ );
+ margin-inline-start: var(--arrowpanel-menuitem-margin-inline) !important;
+ padding-inline-start: calc(
+ var(--arrowpanel-bookmark-menuicon-padding) + var(--context-menu-text-padding)
+ ) !important;
+ background-position: var(--uc-menu-background-position) var(--arrowpanel-bookmark-menuicon-padding) center !important;
}
}
/* Linux */
@@ -9797,7 +11783,7 @@
--menuitem-image: url("../icons/toolbar.svg");
}
#viewSidebarMenuMenu {
- --menuitem-image: url("chrome://browser/skin/sidebars.svg");
+ --menuitem-image: var(--uc-sidebar-icon);
}
#viewFullZoomMenu {
--menuitem-image: url("../icons/screenshot.svg");
@@ -10040,6 +12026,9 @@
#menu_FileRestartItem {
--menuitem-image: url("../icons/refresh-cw.svg");
}
+ #toggle_status-dummybar {
+ --menuitem-image: url("../icons/pulse-square.svg");
+ }
menuitem.privatetab-icon {
--menuitem-image: url("../icons/private-favicon.svg");
}
diff --git a/arch-config/.mozilla/firefox/default-release/chrome/css/leptonContent.css b/arch-config/.mozilla/firefox/default-release/chrome/css/leptonContent.css
index 18ebc630..18222c04 100644
--- a/arch-config/.mozilla/firefox/default-release/chrome/css/leptonContent.css
+++ b/arch-config/.mozilla/firefox/default-release/chrome/css/leptonContent.css
@@ -242,7 +242,8 @@
}
}
}
- } /** Activity Stream - Menu Icons ********************************************/
+ }
+ /** Activity Stream - Menu Icons ********************************************/
@supports -moz-bool-pref("userChrome.icon.context_menu") {
.context-menu-list .context-menu-item button {
padding-inline-start: 0 !important;
@@ -251,6 +252,7 @@
/* Color */
-moz-context-properties: fill, fill-opacity, stroke !important;
fill: currentColor !important;
+ stroke: transparent;
/* Layout */
background-size: 16px !important;
background-repeat: no-repeat !important;
@@ -333,16 +335,20 @@
transition: background 0.5s var(--animation-easing-function);
}
/* Search Bar */
- .search-inner-wrapper input {
+ .search-wrapper .search-inner-wrapper > input,
+ .search-wrapper .search-inner-wrapper > .search-handoff-button {
transition: 1s var(--animation-easing-function);
transition-property: border-color, box-shadow;
}
- .search-wrapper .search-inner-wrapper:active input,
- .search-wrapper input:focus {
+ .search-wrapper .search-inner-wrapper:active > input,
+ .search-wrapper .search-inner-wrapper:active > .search-handoff-button,
+ .search-wrapper .search-inner-wrapper > input:focus,
+ .search-wrapper .search-inner-wrapper > .search-handoff-button:focus {
transition: border-color 0.5s var(--animation-easing-function), box-shadow 1s var(--animation-easing-function);
}
@supports -moz-bool-pref("userContent.page.field_border") {
- .search-wrapper .search-inner-wrapper:hover input {
+ .search-wrapper .search-inner-wrapper:hover > input,
+ .search-wrapper .search-inner-wrapper:hover > .search-handoff-button {
border-color: var(--newtab-primary-action-background) !important;
transition: border-color 0.5s var(--animation-easing-function);
}
@@ -442,12 +448,19 @@
fill: var(--newtab-icon-secondary-color) !important;
}
}
+ /** Activity Stream - Hide Firefox's logo ***********************************/
+ @supports -moz-bool-pref("userContent.newTab.hidden_logo") {
+ .logo-and-wordmark {
+ display: none !important;
+ }
+ .outer-wrapper:not(.fixed-search) .search-wrapper {
+ padding-top: 0 !important;
+ }
+ }
}
/** Error Page - Restore illustrations ****************************************/
@supports -moz-bool-pref("userContent.page.illustration") {
- @-moz-document url-prefix("about:neterror"),
- url("about:restartrequired"), url("chrome://browser/content/aboutRestartRequired.xhtml"),
- url("about:sessionrestore"), url("chrome://browser/content/aboutSessionRestore.xhtml")
+ @-moz-document url-prefix("about:neterror"), url("about:restartrequired"), url("chrome://browser/content/aboutRestartRequired.xhtml"), url("about:sessionrestore"), url("chrome://browser/content/aboutSessionRestore.xhtml")
{
/* Illustrations Position */
#errorPageContainer,
@@ -477,12 +490,7 @@
padding-inline-start: 38%;
}
}
- @-moz-document url-prefix("about:neterror?e=connectionFailure"),
- url-prefix("about:neterror?e=netInterrupt"),
- url-prefix("about:neterror?e=netReset"),
- url-prefix("about:neterror?e=netTimeout"),
- url-prefix("about:neterror?e=netOffline"),
- url("about:restartrequired"), url("chrome://browser/content/aboutRestartRequired.xhtml")
+ @-moz-document url-prefix("about:neterror?e=connectionFailure"), url-prefix("about:neterror?e=netInterrupt"), url-prefix("about:neterror?e=netReset"), url-prefix("about:neterror?e=netTimeout"), url-prefix("about:neterror?e=netOffline"), url("about:restartrequired"), url("chrome://browser/content/aboutRestartRequired.xhtml")
{
:root {
--uc-error-llustration: url(../icons/error-connection-failure.svg);
@@ -493,15 +501,12 @@
--uc-error-llustration: url(../icons/error-server-not-found.svg);
}
}
- @-moz-document url-prefix("about:neterror?e=blockedByPolicy"),
- url-prefix("about:neterror?e=deniedPortAccess"),
- url-prefix("about:neterror?e=malformedURI") {
+ @-moz-document url-prefix("about:neterror?e=blockedByPolicy"), url-prefix("about:neterror?e=deniedPortAccess"), url-prefix("about:neterror?e=malformedURI") {
:root {
--uc-error-llustration: url(chrome://browser/skin/illustrations/error-malformed-url.svg);
}
}
- @-moz-document url-prefix("about:neterror?e=clockSkewError"),
- url-prefix("about:neterror?e=nssFailure") {
+ @-moz-document url-prefix("about:neterror?e=clockSkewError"), url-prefix("about:neterror?e=nssFailure") {
:root {
--uc-error-llustration: url(../icons/blue-berror.svg);
}
@@ -553,13 +558,7 @@
/** Fully Dark Mode ***********************************************************/
/*= Fully Dark Mode - Dark Mode Colors =======================================*/
@supports -moz-bool-pref("userContent.page.proton_color") {
- @-moz-document url-prefix("about:"),
- url-prefix("chrome://browser/content/places/places.xhtml"),
- url-prefix("https://addons.mozilla.org"),
- url-prefix("https://support.mozilla.org"),
- url-prefix("https://accounts.firefox.com"),
- url-prefix("view-source"),
- regexp("^(((jar:)?file:///)|(chrome://)).*/$")
+ @-moz-document url-prefix("about:"), url-prefix("chrome://browser/content/places/places.xhtml"), url-prefix("https://addons.mozilla.org"), url-prefix("https://support.mozilla.org"), url-prefix("https://accounts.firefox.com"), url-prefix("view-source"), regexp("^(((jar:)?file:///)|(chrome://)).*/$")
{
/*= Default Colors - Hard Coded ==============================================*/
/* Based on chrome://global/skin/in-content/common.css */
@@ -1647,12 +1646,7 @@
/** Fully Proton Mode *********************************************************/
@supports -moz-bool-pref("userContent.page.proton") {
/*= Common contents ==========================================================*/ /*= abouts' common ===========================================================*/
- @-moz-document url-prefix("about:plugins"),
- url-prefix("about:cache"),
- url-prefix("about:checkerboard"),
- url-prefix("about:sync-log"),
- url-prefix("about:memory"),
- regexp("^(((jar:)?file:///)|(chrome://)).*/$")
+ @-moz-document url-prefix("about:plugins"), url-prefix("about:cache"), url-prefix("about:checkerboard"), url-prefix("about:sync-log"), url-prefix("about:memory"), regexp("^(((jar:)?file:///)|(chrome://)).*/$")
{
/* Base */
html,
@@ -1715,6 +1709,13 @@
/* Ensure font-size isn't overridden by widget styling (e.g. in forms.css) */
font-size: 1em !important;
}
+ @supports -moz-bool-pref("userChrome.rounding.square_button") {
+ button,
+ select,
+ input[type="color"] {
+ border-radius: 0 !important;
+ }
+ }
button {
font-weight: 600 !important;
/* Use the same margin of other elements for the alignment */
@@ -1788,6 +1789,11 @@
margin-inline: 0 6px !important;
flex-shrink: 0 !important; /* avoid shrinking inside flex container */
}
+ @supports -moz-bool-pref("userChrome.rounding.square_checklabel") {
+ input[type="checkbox"] {
+ border-radius: 0 !important;
+ }
+ }
input[type="checkbox"]:enabled:hover {
background-color: var(--checkbox-unchecked-hover-bgcolor) !important;
}
@@ -1853,16 +1859,13 @@
width: 100% !important;
}
}
- @-moz-document url-prefix("about:plugins"),
- url-prefix("about:cache"),
- url-prefix("about:checkerboard") {
+ @-moz-document url-prefix("about:plugins"), url-prefix("about:cache"), url-prefix("about:checkerboard") {
table {
border: 1px solid var(--in-content-table-border-color) !important;
border-radius: 0 !important;
}
}
- @-moz-document url-prefix("about:cache"),
- url-prefix("about:checkerboard") {
+ @-moz-document url-prefix("about:cache"), url-prefix("about:checkerboard") {
th,
td {
border: 1px solid var(--in-content-table-border-color) !important;
@@ -1944,8 +1947,7 @@
}
}
/*= Directory View ===========================================================*/
- @-moz-document url-prefix("about:sync-log"),
- regexp("^(((jar:)?file:///)|(chrome://)).*/$")
+ @-moz-document url-prefix("about:sync-log"), regexp("^(((jar:)?file:///)|(chrome://)).*/$")
{
body {
background-color: var(--in-content-box-background) !important;
@@ -1996,6 +1998,27 @@
vertical-align: bottom !important;
}
}
+ /*= about:preferences ========================================================*/
+ @-moz-document url-prefix("chrome://browser/content")
+ {
+ #sanitizeEverythingWarningIcon {
+ list-style-image: url("chrome://global/skin/icons/warning.svg") !important;
+ -moz-context-properties: fill;
+ fill: #ffa436;
+ width: 48px;
+ height: 48px;
+ }
+ @media (-moz-toolbar-prefers-color-scheme: dark), (prefers-color-scheme: dark) {
+ #sanitizeEverythingWarningIcon {
+ fill: #ffbd4f;
+ }
+ }
+ @media (prefers-contrast) {
+ #sanitizeEverythingWarningIcon {
+ fill: var(--in-content-page-color);
+ }
+ }
+ }
/*= chrome://browser/content/places/places.xhtml =============================*/
@-moz-document url("chrome://browser/content/places/places.xhtml")
{
@@ -2245,6 +2268,11 @@
padding: 5px !important;
border-radius: 4px !important;
}
+ @supports -moz-bool-pref("userChrome.rounding.square_button") {
+ #placesToolbar > toolbarbutton {
+ border-radius: 0 !important;
+ }
+ }
#placesToolbar > toolbarbutton[disabled] {
opacity: 0.6 !important;
}
@@ -2267,11 +2295,16 @@
#placesMenu > menu {
appearance: none !important;
color: var(--organizer-color) !important;
- border-radius: 4px !important;
padding-block: 5px !important;
padding-inline-start: 5px !important;
+ border-radius: 4px !important;
margin-inline-end: 2px !important;
}
+ @supports -moz-bool-pref("userChrome.rounding.square_button") {
+ #placesMenu > menu {
+ border-radius: 0 !important;
+ }
+ }
#placesMenu > menu[_moz-menuactive="true"],
#placesMenu > menu:hover {
background-color: var(--organizer-hover-background) !important;
@@ -2298,6 +2331,12 @@
padding-block: 2px !important;
min-height: 24px !important;
}
+ @supports -moz-bool-pref("userChrome.rounding.square_field") {
+ #searchFilter,
+ #detailsPane html|input {
+ border-radius: 0 !important;
+ }
+ }
#searchFilter[focused] {
box-shadow: var(--organizer-toolbar-field-focus-box-shadow) !important;
background-color: var(--organizer-toolbar-field-background-focused) !important;
@@ -2439,6 +2478,12 @@
-moz-context-properties: fill !important;
fill: currentColor !important;
}
+ @supports -moz-bool-pref("userChrome.rounding.square_button") {
+ #editBookmarkPanelRows .expander-up,
+ #editBookmarkPanelRows .expander-down {
+ border-radius: 0 !important;
+ }
+ }
#editBookmarkPanelRows .expander-up:hover,
#editBookmarkPanelRows .expander-down:hover {
background-color: var(--organizer-hover-background) !important;
@@ -2472,6 +2517,11 @@
min-height: 20px !important;
padding-inline: 4px !important;
}
+ @supports -moz-bool-pref("userChrome.rounding.square_field") {
+ #places input {
+ border-radius: 0 !important;
+ }
+ }
#places input:focus {
outline: 2px solid var(--organizer-outline-color) !important;
outline-offset: -1px !important;
@@ -2490,6 +2540,11 @@
border: 1px solid var(--organizer-border-color) !important;
border-radius: 4px !important;
}
+ @supports -moz-bool-pref("userChrome.rounding.square_field") {
+ #editBMPanel_tagsSelectorRow > richlistbox {
+ border-radius: 0 !important;
+ }
+ }
#editBMPanel_tagsSelectorRow > richlistbox > richlistitem {
border: 1px solid transparent !important;
}
@@ -2723,11 +2778,135 @@
}
}
}
+/** Rounding ******************************************************************/
+@supports -moz-bool-pref("userChrome.rounding.square_button") {
+ @-moz-document url-prefix("about:"), url-prefix("chrome://browser/content/"), url-prefix("chrome://pippki/content/")
+ {
+ button,
+ .close-icon,
+ .action-icon::before,
+ .web-appearance-choice,
+ #categories > .category,
+ .sidebar-footer-link {
+ border-radius: 0 !important;
+ }
+ }
+ @-moz-document url-prefix("about:debugging") {
+ .sidebar-item {
+ border-radius: 0 !important;
+ }
+ }
+ @-moz-document url-prefix("chrome://browser/content/places/places.xhtml"), url-prefix("about:downloads")
+ {
+ .downloadButton > .button-box {
+ border-radius: 0 !important;
+ }
+ }
+ @-moz-document url-prefix("about:protections") {
+ #manage-protections,
+ #sign-up-for-monitor-link,
+ #get-proxy-extension-link,
+ #get-vpn-link,
+ #vpn-banner-link,
+ .monitor-partial-breaches-link-wrapper,
+ .monitor-breaches-link-wrapper {
+ border-radius: 0 !important;
+ }
+ }
+}
+@supports -moz-bool-pref("userChrome.rounding.square_dialog") {
+ @-moz-document url-prefix("about:") {
+ .dialogBox {
+ border-radius: 0 !important;
+ }
+ }
+ @-moz-document url("about:home"), url("about:newtab") {
+ .modal {
+ border-radius: 0 !important;
+ }
+ }
+}
+@supports -moz-bool-pref("userChrome.rounding.square_checklabel") {
+ @-moz-document url-prefix("about:"), url-prefix("chrome://browser/content/"), url-prefix("chrome://pippki/content/")
+ {
+ input[type="checkbox"]:not(.toggle-button),
+ .checkbox-check {
+ border-radius: 0 !important;
+ }
+ }
+}
+@supports -moz-bool-pref("userChrome.rounding.square_field") {
+ @-moz-document url-prefix("about:"), url-prefix("chrome://browser/content/"), url-prefix("chrome://pippki/content/")
+ {
+ input:is([type="color"], [type="email"], [type="tel"], [type="text"], [type="password"], [type="url"], [type="number"]),
+ textarea,
+ select,
+ menulist,
+ tree,
+ treecols,
+ listheader,
+ richlistbox,
+ search-textbox {
+ border-radius: 0 !important;
+ }
+ }
+ @-moz-document url-prefix("about:debugging") {
+ .default-input {
+ border-radius: 0 !important;
+ }
+ }
+ @-moz-document url("about:home"), url("about:newtab") {
+ .search-wrapper .search-handoff-button,
+ .search-wrapper input {
+ border-radius: 0 !important;
+ }
+ }
+}
+@supports -moz-bool-pref("userChrome.rounding.square_menupopup") {
+ @-moz-document url-prefix("about:"), url-prefix("chrome://")
+ {
+ menupopup {
+ --panel-border-radius: 0 !important;
+ }
+ }
+ @-moz-document url-prefix("about:addons") {
+ panel-list {
+ border-radius: 0 !important;
+ }
+ }
+ @-moz-document url-prefix("about:logins") {
+ .menu {
+ border-radius: 0 !important;
+ }
+ }
+ @-moz-document url("about:home"), url("about:newtab") {
+ .context-menu {
+ border-radius: 0 !important;
+ }
+ }
+}
+@-moz-document url("chrome://browser/content/places/places.xhtml")
+{
+ /*= Library ==============================================================*/
+ @supports -moz-bool-pref("userChrome.rounding.square_button") {
+ #placesToolbar > toolbarbutton,
+ #placesMenu > menu,
+ #editBookmarkPanelRows .expander-up,
+ #editBookmarkPanelRows .expander-down {
+ border-radius: 0 !important;
+ }
+ }
+ @supports -moz-bool-pref("userChrome.rounding.square_field") {
+ #searchFilter,
+ #detailsPane html|input,
+ #places input #editBMPanel_tagsSelectorRow > richlistbox {
+ border-radius: 0 !important;
+ }
+ }
+}
/** Monospace *****************************************************************/
@supports -moz-bool-pref("userContent.page.monospace") {
- @-moz-document url-prefix("about:"),
- url-prefix("chrome://browser/content/places/places.xhtml"),
- regexp("^(((jar:)?file:///)|(chrome://)).*/$")
+ @-moz-document url-prefix("about:"), url-prefix("chrome://browser/content/places/places.xhtml"), regexp("^(((jar:)?file:///)|(chrome://)).*/$")
{
* {
font-family: -moz-fixed;
@@ -2737,8 +2916,8 @@
/** Menu - Icons Layout *******************************************************/
@supports not -moz-bool-pref("userChrome.icon.disabled") {
@supports -moz-bool-pref("userChrome.icon.menu") {
- @-moz-document url("chrome://browser/content/places/places.xhtml"),
- url("about:downloads") {
+ @-moz-document url("chrome://browser/content/places/places.xhtml"), url("about:downloads")
+ {
menupopup menuitem:not([type="checkbox"][checked="true"], [type="radio"]),
menupopup menu:not([type="checkbox"][checked="true"], [type="radio"]) {
-moz-appearance: none !important; /* Linux: menulist */
@@ -2753,6 +2932,7 @@
/* Color */
-moz-context-properties: fill, fill-opacity, stroke !important;
fill: currentColor !important;
+ stroke: transparent;
/* Layout */
background-size: 16px !important;
background-repeat: no-repeat !important;
@@ -2791,6 +2971,11 @@
:root {
--context-menu-background-padding-default: 2px;
}
+ @media (-moz-windows-classic) {
+ :root {
+ --context-menu-background-padding-default: -0.5px;
+ }
+ }
}
@media (-moz-os-version: windows-win8), (-moz-platform: windows-win8) {
:root {
@@ -2820,6 +3005,51 @@
var(--context-menu-background-padding) + var(--context-menu-text-padding)
);
}
+ @media not (-moz-windows-non-native-menus) {
+ :root {
+ --context-menu-background-padding: 3px;
+ --menu-background-padding-default: 0px;
+ }
+ @supports -moz-bool-pref("userChrome.compatibility.os.win11") {
+ :root {
+ --context-menu-background-padding: 5px;
+ }
+ }
+ menupopup:is(#historyMenuPopup, #bookmarksMenuPopup) .menu-iconic > .menu-iconic-left,
+ menupopup:is(#historyMenuPopup, #bookmarksMenuPopup) .menuitem-iconic > .menu-iconic-left,
+ menupopup:not([placespopup="true"]) .menu-iconic > .menu-iconic-left,
+ menupopup:not([placespopup="true"]) .menuitem-iconic > .menu-iconic-left {
+ appearance: none !important;
+ padding-block: 0 !important;
+ padding-inline-start: 5px !important;
+ margin-inline-end: 8px !important;
+ }
+ @supports -moz-bool-pref("userChrome.compatibility.os.win11") {
+ menupopup:is(#historyMenuPopup, #bookmarksMenuPopup) .menu-iconic > .menu-iconic-left,
+ menupopup:is(#historyMenuPopup, #bookmarksMenuPopup) .menuitem-iconic > .menu-iconic-left,
+ menupopup:not([placespopup="true"]) .menu-iconic > .menu-iconic-left,
+ menupopup:not([placespopup="true"]) .menuitem-iconic > .menu-iconic-left {
+ box-sizing: content-box;
+ }
+ }
+ menupopup:is(#historyMenuPopup, #bookmarksMenuPopup) .menu-accel,
+ menupopup:is(#historyMenuPopup, #bookmarksMenuPopup) .menu-iconic-accel,
+ menupopup:not([placespopup="true"]) .menu-accel,
+ menupopup:not([placespopup="true"]) .menu-iconic-accel {
+ box-sizing: content-box;
+ min-height: 16px;
+ }
+ menupopup:is(#historyMenuPopup, #bookmarksMenuPopup) .menu-accel,
+ menupopup:is(#historyMenuPopup, #bookmarksMenuPopup) .menu-iconic-accel,
+ menupopup:is(#historyMenuPopup, #bookmarksMenuPopup) .menu-text,
+ menupopup:is(#historyMenuPopup, #bookmarksMenuPopup) .menu-iconic-text,
+ menupopup:not([placespopup="true"]) .menu-accel,
+ menupopup:not([placespopup="true"]) .menu-iconic-accel,
+ menupopup:not([placespopup="true"]) .menu-text,
+ menupopup:not([placespopup="true"]) .menu-iconic-text {
+ padding-block: 0 !important;
+ }
+ }
menupopup:is(#placesContext, #placesColumnsContext, #downloadsContextMenu)
menuitem:not(.menuitem-iconic, .bookmark-item, .in-menulist, [checked="true"]),
menupopup:is(#placesContext, #placesColumnsContext, #downloadsContextMenu)
diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/panelarrow-vertical-reverse.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/panelarrow-vertical-reverse.svg
new file mode 100644
index 00000000..d274759b
--- /dev/null
+++ b/arch-config/.mozilla/firefox/default-release/chrome/icons/panelarrow-vertical-reverse.svg
@@ -0,0 +1,4 @@
+
diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/panelarrow-vertical.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/panelarrow-vertical.svg
new file mode 100644
index 00000000..55d016c2
--- /dev/null
+++ b/arch-config/.mozilla/firefox/default-release/chrome/icons/panelarrow-vertical.svg
@@ -0,0 +1,7 @@
+
+
diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/pulse-square.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/pulse-square.svg
new file mode 100644
index 00000000..2d65f1cd
--- /dev/null
+++ b/arch-config/.mozilla/firefox/default-release/chrome/icons/pulse-square.svg
@@ -0,0 +1,3 @@
+
diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/tab-bottom-corner-left-australis-clipped.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/tab-bottom-corner-left-australis-clipped.svg
new file mode 100644
index 00000000..6467247b
--- /dev/null
+++ b/arch-config/.mozilla/firefox/default-release/chrome/icons/tab-bottom-corner-left-australis-clipped.svg
@@ -0,0 +1,3 @@
+
diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/tab-bottom-corner-left-australis.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/tab-bottom-corner-left-australis.svg
new file mode 100644
index 00000000..955e3903
--- /dev/null
+++ b/arch-config/.mozilla/firefox/default-release/chrome/icons/tab-bottom-corner-left-australis.svg
@@ -0,0 +1,9 @@
+
diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/tab-bottom-corner-left-chrome-clipped.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/tab-bottom-corner-left-chrome-clipped.svg
new file mode 100644
index 00000000..24ae50b3
--- /dev/null
+++ b/arch-config/.mozilla/firefox/default-release/chrome/icons/tab-bottom-corner-left-chrome-clipped.svg
@@ -0,0 +1,3 @@
+
diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/tab-bottom-corner-left-chrome.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/tab-bottom-corner-left-chrome.svg
new file mode 100644
index 00000000..fda2f96f
--- /dev/null
+++ b/arch-config/.mozilla/firefox/default-release/chrome/icons/tab-bottom-corner-left-chrome.svg
@@ -0,0 +1,9 @@
+
diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/tab-bottom-corner-left-chromeLegacy-clipped.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/tab-bottom-corner-left-chromeLegacy-clipped.svg
new file mode 100644
index 00000000..da5e1b84
--- /dev/null
+++ b/arch-config/.mozilla/firefox/default-release/chrome/icons/tab-bottom-corner-left-chromeLegacy-clipped.svg
@@ -0,0 +1,3 @@
+
diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/tab-bottom-corner-left-chromeLegacy.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/tab-bottom-corner-left-chromeLegacy.svg
new file mode 100644
index 00000000..5b71bd85
--- /dev/null
+++ b/arch-config/.mozilla/firefox/default-release/chrome/icons/tab-bottom-corner-left-chromeLegacy.svg
@@ -0,0 +1,9 @@
+
diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/tab-bottom-corner-left-edge-clipped.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/tab-bottom-corner-left-edge-clipped.svg
new file mode 100644
index 00000000..e92817ee
--- /dev/null
+++ b/arch-config/.mozilla/firefox/default-release/chrome/icons/tab-bottom-corner-left-edge-clipped.svg
@@ -0,0 +1,3 @@
+
diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/tab-bottom-corner-left-edge.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/tab-bottom-corner-left-edge.svg
new file mode 100644
index 00000000..d24d02c8
--- /dev/null
+++ b/arch-config/.mozilla/firefox/default-release/chrome/icons/tab-bottom-corner-left-edge.svg
@@ -0,0 +1,9 @@
+
diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/tab-bottom-corner-left-wave-clipped.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/tab-bottom-corner-left-wave-clipped.svg
new file mode 100644
index 00000000..5d708659
--- /dev/null
+++ b/arch-config/.mozilla/firefox/default-release/chrome/icons/tab-bottom-corner-left-wave-clipped.svg
@@ -0,0 +1,3 @@
+
diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/tab-bottom-corner-left-wave.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/tab-bottom-corner-left-wave.svg
new file mode 100644
index 00000000..32e0c1bf
--- /dev/null
+++ b/arch-config/.mozilla/firefox/default-release/chrome/icons/tab-bottom-corner-left-wave.svg
@@ -0,0 +1,9 @@
+
diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/tab-bottom-corner-right-australis-cilpped.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/tab-bottom-corner-right-australis-cilpped.svg
new file mode 100644
index 00000000..409e3bd3
--- /dev/null
+++ b/arch-config/.mozilla/firefox/default-release/chrome/icons/tab-bottom-corner-right-australis-cilpped.svg
@@ -0,0 +1,3 @@
+
diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/tab-bottom-corner-right-australis.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/tab-bottom-corner-right-australis.svg
new file mode 100644
index 00000000..aef6e0e4
--- /dev/null
+++ b/arch-config/.mozilla/firefox/default-release/chrome/icons/tab-bottom-corner-right-australis.svg
@@ -0,0 +1,9 @@
+
diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/tab-bottom-corner-right-chrome-clipped.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/tab-bottom-corner-right-chrome-clipped.svg
new file mode 100644
index 00000000..96baab91
--- /dev/null
+++ b/arch-config/.mozilla/firefox/default-release/chrome/icons/tab-bottom-corner-right-chrome-clipped.svg
@@ -0,0 +1,3 @@
+
diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/tab-bottom-corner-right-chrome.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/tab-bottom-corner-right-chrome.svg
new file mode 100644
index 00000000..ace52062
--- /dev/null
+++ b/arch-config/.mozilla/firefox/default-release/chrome/icons/tab-bottom-corner-right-chrome.svg
@@ -0,0 +1,9 @@
+
diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/tab-bottom-corner-right-chromeLegacy-clipped.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/tab-bottom-corner-right-chromeLegacy-clipped.svg
new file mode 100644
index 00000000..1e4b0492
--- /dev/null
+++ b/arch-config/.mozilla/firefox/default-release/chrome/icons/tab-bottom-corner-right-chromeLegacy-clipped.svg
@@ -0,0 +1,3 @@
+
diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/tab-bottom-corner-right-chromeLegacy.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/tab-bottom-corner-right-chromeLegacy.svg
new file mode 100644
index 00000000..9749ab7e
--- /dev/null
+++ b/arch-config/.mozilla/firefox/default-release/chrome/icons/tab-bottom-corner-right-chromeLegacy.svg
@@ -0,0 +1,9 @@
+
diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/tab-bottom-corner-right-edge-clipped.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/tab-bottom-corner-right-edge-clipped.svg
new file mode 100644
index 00000000..20bde7cb
--- /dev/null
+++ b/arch-config/.mozilla/firefox/default-release/chrome/icons/tab-bottom-corner-right-edge-clipped.svg
@@ -0,0 +1,3 @@
+
diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/tab-bottom-corner-right-edge.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/tab-bottom-corner-right-edge.svg
new file mode 100644
index 00000000..a9de51f0
--- /dev/null
+++ b/arch-config/.mozilla/firefox/default-release/chrome/icons/tab-bottom-corner-right-edge.svg
@@ -0,0 +1,9 @@
+
diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/tab-bottom-corner-right-wave-clipped.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/tab-bottom-corner-right-wave-clipped.svg
new file mode 100644
index 00000000..6bbb9acc
--- /dev/null
+++ b/arch-config/.mozilla/firefox/default-release/chrome/icons/tab-bottom-corner-right-wave-clipped.svg
@@ -0,0 +1,3 @@
+
diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/tab-bottom-corner-right-wave.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/tab-bottom-corner-right-wave.svg
new file mode 100644
index 00000000..343b26d2
--- /dev/null
+++ b/arch-config/.mozilla/firefox/default-release/chrome/icons/tab-bottom-corner-right-wave.svg
@@ -0,0 +1,9 @@
+
diff --git a/arch-config/.mozilla/firefox/default-release/prefs.js b/arch-config/.mozilla/firefox/default-release/prefs.js
index eb0bfb91..0e9e740e 100644
--- a/arch-config/.mozilla/firefox/default-release/prefs.js
+++ b/arch-config/.mozilla/firefox/default-release/prefs.js
@@ -24,16 +24,16 @@ user_pref("app.normandy.startupRolloutPrefs.pdfjs.renderInteractiveForms", true)
user_pref("app.normandy.startupRolloutPrefs.security.bad_cert_domain_error.url_fix_enabled", true);
user_pref("app.normandy.startupRolloutPrefs.security.remote_settings.intermediates.downloads_per_poll", 3000);
user_pref("app.normandy.user_id", "e43b400f-0f20-4ae3-9dfa-ee00b787e18a");
-user_pref("app.update.lastUpdateTime.addon-background-update-timer", 1670092720);
+user_pref("app.update.lastUpdateTime.addon-background-update-timer", 1677005443);
user_pref("app.update.lastUpdateTime.blocklist-background-update-timer", 1588944333);
-user_pref("app.update.lastUpdateTime.browser-cleanup-thumbnails", 1670142904);
-user_pref("app.update.lastUpdateTime.recipe-client-addon-run", 1670084741);
-user_pref("app.update.lastUpdateTime.region-update-timer", 1669547801);
-user_pref("app.update.lastUpdateTime.rs-experiment-loader-timer", 1670142875);
-user_pref("app.update.lastUpdateTime.search-engine-update-timer", 1670084501);
-user_pref("app.update.lastUpdateTime.services-settings-poll-changes", 1670092600);
-user_pref("app.update.lastUpdateTime.telemetry_modules_ping", 1669547921);
-user_pref("app.update.lastUpdateTime.xpi-signature-verification", 1670092480);
+user_pref("app.update.lastUpdateTime.browser-cleanup-thumbnails", 1677002201);
+user_pref("app.update.lastUpdateTime.recipe-client-addon-run", 1677002561);
+user_pref("app.update.lastUpdateTime.region-update-timer", 1676660656);
+user_pref("app.update.lastUpdateTime.rs-experiment-loader-timer", 1677092419);
+user_pref("app.update.lastUpdateTime.search-engine-update-timer", 1677002321);
+user_pref("app.update.lastUpdateTime.services-settings-poll-changes", 1677005323);
+user_pref("app.update.lastUpdateTime.telemetry_modules_ping", 1676660896);
+user_pref("app.update.lastUpdateTime.xpi-signature-verification", 1677005083);
user_pref("browser.aboutConfig.showWarning", false);
user_pref("browser.bookmarks.defaultLocation", "Sf1F8MX-syPh");
user_pref("browser.bookmarks.editDialog.confirmationHintShowCount", 3);
@@ -58,7 +58,7 @@ user_pref("browser.firefox-view.feature-tour", "{\"message\":\"FIREFOX_VIEW_FEAT
user_pref("browser.firefox-view.view-count", 10);
user_pref("browser.laterrun.bookkeeping.profileCreationTime", 1582977688);
user_pref("browser.laterrun.bookkeeping.sessionCount", 51);
-user_pref("browser.migration.version", 132);
+user_pref("browser.migration.version", 133);
user_pref("browser.newtab.extensionControlled", true);
user_pref("browser.newtab.privateAllowed", false);
user_pref("browser.newtabpage.activity-stream.feeds.section.topstories", false);
@@ -75,32 +75,32 @@ user_pref("browser.protections_panel.infoMessage.seen", true);
user_pref("browser.proton.enabled", true);
user_pref("browser.proton.places-tooltip.enabled", true);
user_pref("browser.proton.toolbar.version", 3);
-user_pref("browser.region.update.updated", 1669547802);
+user_pref("browser.region.update.updated", 1676660657);
user_pref("browser.rights.3.shown", true);
user_pref("browser.safebrowsing.downloads.remote.enabled", false);
user_pref("browser.safebrowsing.malware.enabled", false);
user_pref("browser.safebrowsing.phishing.enabled", false);
user_pref("browser.safebrowsing.provider.google4.lastupdatetime", "1654774495409");
user_pref("browser.safebrowsing.provider.google4.nextupdatetime", "1654776285409");
-user_pref("browser.safebrowsing.provider.mozilla.lastupdatetime", "1670142883807");
-user_pref("browser.safebrowsing.provider.mozilla.nextupdatetime", "1670164483807");
+user_pref("browser.safebrowsing.provider.mozilla.lastupdatetime", "1677092421050");
+user_pref("browser.safebrowsing.provider.mozilla.nextupdatetime", "1677114021050");
user_pref("browser.search.region", "CH");
user_pref("browser.search.separatePrivateDefault.urlbarResult.enabled", false);
user_pref("browser.sessionstore.upgradeBackup.latestBuildID", "20211121002925");
user_pref("browser.shell.checkDefaultBrowser", true);
-user_pref("browser.shell.mostRecentDateSetAsDefault", "1670142875");
+user_pref("browser.shell.mostRecentDateSetAsDefault", "1677092418");
user_pref("browser.slowStartup.averageTime", 614);
user_pref("browser.slowStartup.samples", 2);
user_pref("browser.startup.couldRestoreSession.count", 1);
-user_pref("browser.startup.homepage_override.buildID", "20221128222455");
-user_pref("browser.startup.homepage_override.mstone", "107.0.1");
-user_pref("browser.startup.lastColdStartupCheck", 1670142875);
+user_pref("browser.startup.homepage_override.buildID", "20230214230245");
+user_pref("browser.startup.homepage_override.mstone", "110.0");
+user_pref("browser.startup.lastColdStartupCheck", 1677092419);
user_pref("browser.startup.upgradeDialog.version", 106);
user_pref("browser.tabs.firefox-view.ui-state.tab-pickup.open", true);
user_pref("browser.toolbars.bookmarks.showOtherBookmarks", false);
user_pref("browser.toolbars.bookmarks.visibility", "always");
user_pref("browser.translation.neverForLanguages", "de");
-user_pref("browser.uiCustomization.state", "{\"placements\":{\"widget-overflow-fixed-list\":[\"https-everywhere_eff_org-browser-action\",\"jid1-mnnxcxisbpnsxq_jetpack-browser-action\",\"cookieautodelete_kennydo_com-browser-action\",\"enhancerforyoutube_maximerf_addons_mozilla_org-browser-action\",\"jid1-ciklkkpvkw6ipw_jetpack-browser-action\",\"_b86e4813-687a-43e6-ab65-0bde4ab75758_-browser-action\",\"sponsorblocker_ajay_app-browser-action\",\"_9a41dee2-b924-4161-a971-7fb35c053a4a_-browser-action\",\"languagetool-webextension_languagetool_org-browser-action\",\"_762f9885-5a13-4abd-9c77-433dcd38b8fd_-browser-action\",\"_884679b9-5d6b-48b2-90a7-15ae26ce568a_-browser-action\",\"_f5ffc648-66fb-4aae-bd47-fe9b87b1f408_-browser-action\",\"_6706d386-2d33-4e1e-bbf1-51b9e1ce47e1_-browser-action\",\"jid1-kkzogwgsw3ao4q_jetpack-browser-action\",\"addon_fastforward_team-browser-action\",\"contact_nhentaidownloader_zirk_eu-browser-action\",\"_12cf650b-1822-40aa-bff0-996df6948878_-browser-action\",\"search_kagi_com-browser-action\"],\"nav-bar\":[\"back-button\",\"forward-button\",\"stop-reload-button\",\"home-button\",\"customizableui-special-spring1\",\"urlbar-container\",\"customizableui-special-spring2\",\"downloads-button\",\"_73a6fe31-595d-460b-a920-fcc0f8843232_-browser-action\",\"ublock0_raymondhill_net-browser-action\",\"keepassxc-browser_keepassxc_org-browser-action\",\"_446900e4-71c2-419f-a6a7-df9c091e268b_-browser-action\",\"wayback_machine_mozilla_org-browser-action\",\"_529b261b-df0b-4e3b-bf42-07b462da0ee8_-browser-action\",\"_b7f9d2cd-d772-4302-8c3f-eb941af36f76_-browser-action\",\"_a6c4a591-f1b2-4f03-b3ff-767e5bedf4e7_-browser-action\",\"_testpilot-containers-browser-action\",\"webtoepub_baka-tsuki_org-browser-action\",\"_c8f79b34-c3ff-4ce4-bdf4-eefa15c87f98_-browser-action\",\"_036a55b4-5e72-4d05-a06c-cba2dfcc134a_-browser-action\",\"adnauseam_rednoise_org-browser-action\",\"clearcache_michel_de_almeida-browser-action\",\"7esoorv3_alefvanoon_anonaddy_me-browser-action\",\"_ad0d925d-88f8-47f1-85ea-8463569e756e_-browser-action\",\"firefox-translations-addon_mozilla_org-browser-action\"],\"toolbar-menubar\":[\"menubar-items\"],\"TabsToolbar\":[\"firefox-view-button\",\"tabbrowser-tabs\",\"new-tab-button\",\"alltabs-button\"],\"PersonalToolbar\":[\"personal-bookmarks\"]},\"seen\":[\"developer-button\",\"enhancerforyoutube_maximerf_addons_mozilla_org-browser-action\",\"cookieautodelete_kennydo_com-browser-action\",\"jid1-mnnxcxisbpnsxq_jetpack-browser-action\",\"https-everywhere_eff_org-browser-action\",\"_73a6fe31-595d-460b-a920-fcc0f8843232_-browser-action\",\"ublock0_raymondhill_net-browser-action\",\"keepassxc-browser_keepassxc_org-browser-action\",\"_446900e4-71c2-419f-a6a7-df9c091e268b_-browser-action\",\"_9a41dee2-b924-4161-a971-7fb35c053a4a_-browser-action\",\"jid1-ciklkkpvkw6ipw_jetpack-browser-action\",\"save-to-pocket-button\",\"wayback_machine_mozilla_org-browser-action\",\"jid1-kkzogwgsw3ao4q_jetpack-browser-action\",\"languagetool-webextension_languagetool_org-browser-action\",\"sponsorblocker_ajay_app-browser-action\",\"_12cf650b-1822-40aa-bff0-996df6948878_-browser-action\",\"_529b261b-df0b-4e3b-bf42-07b462da0ee8_-browser-action\",\"_b7f9d2cd-d772-4302-8c3f-eb941af36f76_-browser-action\",\"_a6c4a591-f1b2-4f03-b3ff-767e5bedf4e7_-browser-action\",\"_b86e4813-687a-43e6-ab65-0bde4ab75758_-browser-action\",\"_testpilot-containers-browser-action\",\"webtoepub_baka-tsuki_org-browser-action\",\"addon_fastforward_team-browser-action\",\"_6706d386-2d33-4e1e-bbf1-51b9e1ce47e1_-browser-action\",\"_762f9885-5a13-4abd-9c77-433dcd38b8fd_-browser-action\",\"_884679b9-5d6b-48b2-90a7-15ae26ce568a_-browser-action\",\"_c8f79b34-c3ff-4ce4-bdf4-eefa15c87f98_-browser-action\",\"7esoorv3_alefvanoon_anonaddy_me-browser-action\",\"_f5ffc648-66fb-4aae-bd47-fe9b87b1f408_-browser-action\",\"_036a55b4-5e72-4d05-a06c-cba2dfcc134a_-browser-action\",\"adnauseam_rednoise_org-browser-action\",\"clearcache_michel_de_almeida-browser-action\",\"contact_nhentaidownloader_zirk_eu-browser-action\",\"search_kagi_com-browser-action\",\"_ad0d925d-88f8-47f1-85ea-8463569e756e_-browser-action\",\"firefox-translations-addon_mozilla_org-browser-action\"],\"dirtyAreaCache\":[\"nav-bar\",\"toolbar-menubar\",\"TabsToolbar\",\"PersonalToolbar\",\"widget-overflow-fixed-list\"],\"currentVersion\":18,\"newElementCount\":21}");
+user_pref("browser.uiCustomization.state", "{\"placements\":{\"widget-overflow-fixed-list\":[],\"unified-extensions-area\":[\"https-everywhere_eff_org-browser-action\",\"jid1-mnnxcxisbpnsxq_jetpack-browser-action\",\"cookieautodelete_kennydo_com-browser-action\",\"enhancerforyoutube_maximerf_addons_mozilla_org-browser-action\",\"jid1-ciklkkpvkw6ipw_jetpack-browser-action\",\"_b86e4813-687a-43e6-ab65-0bde4ab75758_-browser-action\",\"sponsorblocker_ajay_app-browser-action\",\"_9a41dee2-b924-4161-a971-7fb35c053a4a_-browser-action\",\"languagetool-webextension_languagetool_org-browser-action\",\"_762f9885-5a13-4abd-9c77-433dcd38b8fd_-browser-action\",\"_884679b9-5d6b-48b2-90a7-15ae26ce568a_-browser-action\",\"_f5ffc648-66fb-4aae-bd47-fe9b87b1f408_-browser-action\",\"_6706d386-2d33-4e1e-bbf1-51b9e1ce47e1_-browser-action\",\"jid1-kkzogwgsw3ao4q_jetpack-browser-action\",\"addon_fastforward_team-browser-action\",\"contact_nhentaidownloader_zirk_eu-browser-action\",\"_12cf650b-1822-40aa-bff0-996df6948878_-browser-action\",\"search_kagi_com-browser-action\"],\"nav-bar\":[\"back-button\",\"forward-button\",\"stop-reload-button\",\"home-button\",\"customizableui-special-spring1\",\"urlbar-container\",\"customizableui-special-spring2\",\"downloads-button\",\"_73a6fe31-595d-460b-a920-fcc0f8843232_-browser-action\",\"ublock0_raymondhill_net-browser-action\",\"keepassxc-browser_keepassxc_org-browser-action\",\"_446900e4-71c2-419f-a6a7-df9c091e268b_-browser-action\",\"wayback_machine_mozilla_org-browser-action\",\"_529b261b-df0b-4e3b-bf42-07b462da0ee8_-browser-action\",\"_b7f9d2cd-d772-4302-8c3f-eb941af36f76_-browser-action\",\"_a6c4a591-f1b2-4f03-b3ff-767e5bedf4e7_-browser-action\",\"_testpilot-containers-browser-action\",\"webtoepub_baka-tsuki_org-browser-action\",\"_c8f79b34-c3ff-4ce4-bdf4-eefa15c87f98_-browser-action\",\"_036a55b4-5e72-4d05-a06c-cba2dfcc134a_-browser-action\",\"adnauseam_rednoise_org-browser-action\",\"clearcache_michel_de_almeida-browser-action\",\"7esoorv3_alefvanoon_anonaddy_me-browser-action\",\"_ad0d925d-88f8-47f1-85ea-8463569e756e_-browser-action\",\"firefox-translations-addon_mozilla_org-browser-action\"],\"toolbar-menubar\":[\"menubar-items\"],\"TabsToolbar\":[\"firefox-view-button\",\"tabbrowser-tabs\",\"new-tab-button\",\"alltabs-button\"],\"PersonalToolbar\":[\"personal-bookmarks\"]},\"seen\":[\"developer-button\",\"enhancerforyoutube_maximerf_addons_mozilla_org-browser-action\",\"cookieautodelete_kennydo_com-browser-action\",\"jid1-mnnxcxisbpnsxq_jetpack-browser-action\",\"https-everywhere_eff_org-browser-action\",\"_73a6fe31-595d-460b-a920-fcc0f8843232_-browser-action\",\"ublock0_raymondhill_net-browser-action\",\"keepassxc-browser_keepassxc_org-browser-action\",\"_446900e4-71c2-419f-a6a7-df9c091e268b_-browser-action\",\"_9a41dee2-b924-4161-a971-7fb35c053a4a_-browser-action\",\"jid1-ciklkkpvkw6ipw_jetpack-browser-action\",\"save-to-pocket-button\",\"wayback_machine_mozilla_org-browser-action\",\"jid1-kkzogwgsw3ao4q_jetpack-browser-action\",\"languagetool-webextension_languagetool_org-browser-action\",\"sponsorblocker_ajay_app-browser-action\",\"_12cf650b-1822-40aa-bff0-996df6948878_-browser-action\",\"_529b261b-df0b-4e3b-bf42-07b462da0ee8_-browser-action\",\"_b7f9d2cd-d772-4302-8c3f-eb941af36f76_-browser-action\",\"_a6c4a591-f1b2-4f03-b3ff-767e5bedf4e7_-browser-action\",\"_b86e4813-687a-43e6-ab65-0bde4ab75758_-browser-action\",\"_testpilot-containers-browser-action\",\"webtoepub_baka-tsuki_org-browser-action\",\"addon_fastforward_team-browser-action\",\"_6706d386-2d33-4e1e-bbf1-51b9e1ce47e1_-browser-action\",\"_762f9885-5a13-4abd-9c77-433dcd38b8fd_-browser-action\",\"_884679b9-5d6b-48b2-90a7-15ae26ce568a_-browser-action\",\"_c8f79b34-c3ff-4ce4-bdf4-eefa15c87f98_-browser-action\",\"7esoorv3_alefvanoon_anonaddy_me-browser-action\",\"_f5ffc648-66fb-4aae-bd47-fe9b87b1f408_-browser-action\",\"_036a55b4-5e72-4d05-a06c-cba2dfcc134a_-browser-action\",\"adnauseam_rednoise_org-browser-action\",\"clearcache_michel_de_almeida-browser-action\",\"contact_nhentaidownloader_zirk_eu-browser-action\",\"search_kagi_com-browser-action\",\"_ad0d925d-88f8-47f1-85ea-8463569e756e_-browser-action\",\"firefox-translations-addon_mozilla_org-browser-action\"],\"dirtyAreaCache\":[\"nav-bar\",\"toolbar-menubar\",\"TabsToolbar\",\"PersonalToolbar\",\"widget-overflow-fixed-list\",\"unified-extensions-area\"],\"currentVersion\":18,\"newElementCount\":21}");
user_pref("browser.urlbar.placeholderName.private", "DuckDuckGo");
user_pref("browser.urlbar.quicksuggest.migrationVersion", 2);
user_pref("browser.urlbar.quicksuggest.scenario", "history");
@@ -129,13 +129,13 @@ user_pref("devtools.theme.show-auto-theme-info", false);
user_pref("devtools.toolbox.footer.height", 382);
user_pref("devtools.toolbox.host", "right");
user_pref("devtools.toolbox.previousHost", "bottom");
-user_pref("devtools.toolbox.selectedTool", "webconsole");
+user_pref("devtools.toolbox.selectedTool", "netmonitor");
user_pref("devtools.toolbox.sidebar.width", 664);
user_pref("devtools.toolsidebar-height.inspector", 550);
user_pref("devtools.toolsidebar-width.inspector", 700);
user_pref("devtools.toolsidebar-width.inspector.splitsidebar", 250);
user_pref("distribution.archlinux.bookmarksProcessed", true);
-user_pref("distribution.iniFile.exists.appversion", "107.0.1");
+user_pref("distribution.iniFile.exists.appversion", "110.0");
user_pref("distribution.iniFile.exists.value", true);
user_pref("doh-rollout.balrog-migration-done", true);
user_pref("doh-rollout.disable-heuristics", true);
@@ -153,12 +153,12 @@ user_pref("extensions.blocklist.pingCountVersion", -1);
user_pref("extensions.databaseSchema", 35);
user_pref("extensions.fxmonitor.enabled", false);
user_pref("extensions.fxmonitor.firstAlertShown", true);
-user_pref("extensions.getAddons.cache.lastUpdate", 1670092721);
+user_pref("extensions.getAddons.cache.lastUpdate", 1677005444);
user_pref("extensions.getAddons.databaseSchema", 6);
user_pref("extensions.incognito.migrated", true);
-user_pref("extensions.lastAppBuildId", "20221128222455");
-user_pref("extensions.lastAppVersion", "107.0.1");
-user_pref("extensions.lastPlatformVersion", "107.0.1");
+user_pref("extensions.lastAppBuildId", "20230214230245");
+user_pref("extensions.lastAppVersion", "110.0");
+user_pref("extensions.lastPlatformVersion", "110.0");
user_pref("extensions.pendingOperations", false);
user_pref("extensions.pictureinpicture.enable_picture_in_picture_overrides", true);
user_pref("extensions.reset_default_search.runonce.3", true);
@@ -194,6 +194,7 @@ user_pref("extensions.webextensions.ExtensionStorageIDB.migrated.tridactyl.vim@c
user_pref("extensions.webextensions.ExtensionStorageIDB.migrated.uBlock0@raymondhill.net", true);
user_pref("extensions.webextensions.ExtensionStorageIDB.migrated.wayback_machine@mozilla.org", true);
user_pref("extensions.webextensions.ExtensionStorageIDB.migrated.{036a55b4-5e72-4d05-a06c-cba2dfcc134a}", true);
+user_pref("extensions.webextensions.ExtensionStorageIDB.migrated.{0523c2c8-3fa1-40d2-a668-97e73bc32405}", true);
user_pref("extensions.webextensions.ExtensionStorageIDB.migrated.{1be309c5-3e4f-4b99-927d-bb500eb4fa88}", true);
user_pref("extensions.webextensions.ExtensionStorageIDB.migrated.{446900e4-71c2-419f-a6a7-df9c091e268b}", true);
user_pref("extensions.webextensions.ExtensionStorageIDB.migrated.{529b261b-df0b-4e3b-bf42-07b462da0ee8}", true);
@@ -202,7 +203,7 @@ user_pref("extensions.webextensions.ExtensionStorageIDB.migrated.{73a6fe31-595d-
user_pref("extensions.webextensions.ExtensionStorageIDB.migrated.{884679b9-5d6b-48b2-90a7-15ae26ce568a}", true);
user_pref("extensions.webextensions.ExtensionStorageIDB.migrated.{a6c4a591-f1b2-4f03-b3ff-767e5bedf4e7}", true);
user_pref("extensions.webextensions.ExtensionStorageIDB.migrated.{b86e4813-687a-43e6-ab65-0bde4ab75758}", true);
-user_pref("extensions.webextensions.uuids", "{\"doh-rollout@mozilla.org\":\"946257eb-c1c3-4490-a34d-f99988aa0ef4\",\"formautofill@mozilla.org\":\"fda477fb-fa39-4a5e-9b39-ad7c2dbc21b6\",\"screenshots@mozilla.org\":\"c3731a22-38f4-4020-b831-748aaf4e885c\",\"webcompat-reporter@mozilla.org\":\"3b0b67d7-a376-4bef-bd35-72667423201c\",\"webcompat@mozilla.org\":\"0a7d9067-bcfe-497e-9a73-d3cdfc35f1ad\",\"default-theme@mozilla.org\":\"75d80d13-a640-4fa4-a9a7-4e40994ecfcb\",\"google@search.mozilla.org\":\"64646f90-cdbd-4953-8645-a938d19d385a\",\"amazondotcom@search.mozilla.org\":\"4e301f5d-d015-48b1-872a-5fe674d37c97\",\"bing@search.mozilla.org\":\"07a4e3d3-08f8-4711-8629-3a9b0c20d065\",\"ddg@search.mozilla.org\":\"ac7e84a4-e12e-4740-a28e-a25b6a2c7732\",\"ebay@search.mozilla.org\":\"fc65b37c-f1ef-4795-9b26-6d2101e7886b\",\"twitter@search.mozilla.org\":\"f4ae5772-f6fc-4f1b-9a3c-06be3e4e6bfc\",\"wikipedia@search.mozilla.org\":\"a40f7749-837a-4ed9-86ca-d94589a888cb\",\"firefox-compact-dark@mozilla.org\":\"d37f1bd5-0d34-4810-89d2-a5d2801d3237\",\"enhancerforyoutube@maximerf.addons.mozilla.org\":\"4db84fe2-753b-47eb-895a-1896e3843a51\",\"CookieAutoDelete@kennydo.com\":\"bc93ebe3-0486-41a9-bff7-5041fc95d7ec\",\"jid1-MnnxcxisBPnSXQ@jetpack\":\"3b66fcbb-2540-49bb-8a59-af7872dd9a27\",\"https-everywhere@eff.org\":\"409abe36-7e59-4334-a9fb-ad95ff8bbc46\",\"{73a6fe31-595d-460b-a920-fcc0f8843232}\":\"43d9308d-3fb6-48da-9ac1-13833f64d5d9\",\"uBlock0@raymondhill.net\":\"22cba72f-3105-445e-9609-10a6e318b49d\",\"{446900e4-71c2-419f-a6a7-df9c091e268b}\":\"3e76ff93-a4cc-4e9d-9bdb-40487f4f9d95\",\"firefox-compact-light@mozilla.org\":\"02b120c7-ce82-4969-84ff-50c8aeffb99a\",\"{b743f56d-1cc1-4048-8ba6-f9c2ab7aa54d}\":\"46d076b2-4d1f-4a94-af48-98098bf6d1ed\",\"jid1-CikLKKPVkw6ipw@jetpack\":\"45886005-f608-462e-b99b-09a85dff5346\",\"{1be309c5-3e4f-4b99-927d-bb500eb4fa88}\":\"3ad23b35-5c56-44dd-a4a2-fc52ab5489df\",\"tridactyl.vim@cmcaine.co.uk\":\"b04e0832-b8b7-42ce-a11d-18b8322949a8\",\"jid0-3GUEt1r69sQNSrca5p8kx9Ezc3U@jetpack\":\"9acf76e7-e965-4f68-ad9a-26c86889bfc1\",\"languagetool-webextension@languagetool.org\":\"9e00252e-8da9-45cd-89fc-6761bcc145ff\",\"pictureinpicture@mozilla.org\":\"927666b6-4218-4378-9948-bcf32a9cb065\",\"amazon@search.mozilla.org\":\"bf61dd00-234d-427d-a10a-fa37de8bf4e9\",\"sponsorBlocker@ajay.app\":\"aca61cf3-9cdd-47e7-898d-9122b9619125\",\"wayback_machine@mozilla.org\":\"865e8f8e-1bb3-48ad-8b35-39f7655e5d91\",\"{12cf650b-1822-40aa-bff0-996df6948878}\":\"1b69c98a-d3c5-4923-aa02-5d436481c74d\",\"{529b261b-df0b-4e3b-bf42-07b462da0ee8}\":\"643d8767-295e-430c-bee4-a9de6e5861ea\",\"{a6c4a591-f1b2-4f03-b3ff-767e5bedf4e7}\":\"95bf6dcd-2a80-4ff6-a755-db2d898e3dfe\",\"{b86e4813-687a-43e6-ab65-0bde4ab75758}\":\"985239a4-64cc-4bea-8852-c21dcd055c50\",\"reset-search-defaults@mozilla.com\":\"de62a459-bbd3-4a6f-b581-1f8a38bfd755\",\"addons-search-detection@mozilla.com\":\"d3897d76-eea5-4b48-aed4-4bc4862c8764\",\"proxy-failover@mozilla.com\":\"bab72ded-f85b-4973-ac69-9d463c8dfba6\",\"@testpilot-containers\":\"26e1521b-8857-4a2e-b495-122be4670393\",\"WebToEpub@Baka-tsuki.org\":\"3fc3336e-97a0-48ab-b2b1-d726088bff16\",\"addon@fastforward.team\":\"463e561e-87cf-45d7-a51a-66eab00e27fd\",\"{6706d386-2d33-4e1e-bbf1-51b9e1ce47e1}\":\"2073d74a-2468-4f90-b3ba-e661f9071fe3\",\"nhentaidownloader.ext@gmail.com\":\"8be38d5e-e036-41c2-8e05-53ae2ae1969f\",\"{762f9885-5a13-4abd-9c77-433dcd38b8fd}\":\"be15551e-892a-43b4-af53-cc0c3ffa5ace\",\"{884679b9-5d6b-48b2-90a7-15ae26ce568a}\":\"77ebe5d7-43a8-4ab1-aae0-79c5397f5afe\",\"7esoorv3@alefvanoon.anonaddy.me\":\"c7c324fe-cf04-418b-9687-513e6a05c54a\",\"{f5ffc648-66fb-4aae-bd47-fe9b87b1f408}\":\"b07cd034-85f2-4b15-945b-f10c43fe8a48\",\"{036a55b4-5e72-4d05-a06c-cba2dfcc134a}\":\"20bb1352-3dca-46a0-a1b1-d167117e0335\",\"adnauseam@rednoise.org\":\"453ec669-6875-4e90-a942-9e1e7849db87\",\"clearcache@michel.de.almeida\":\"3f343c46-9561-4bf6-8e00-d2552db42530\",\"ecosia@search.mozilla.org\":\"5ffdc3f4-e700-4965-ac2d-7b0a31ff52ef\",\"leo_ende_de@search.mozilla.org\":\"7ff62cde-024e-4ab7-b4b1-f14bd35f5675\",\"firefox-translations-addon@mozilla.org\":\"88a0a4ce-fa63-4e89-be5b-814f27b30840\",\"search@kagi.com\":\"a8055368-661d-4a6c-b3bf-0638ee0454a2\",\"playmaker-bold-colorway@mozilla.org\":\"bd83bb7d-8d20-4e7d-8c36-cda4d721de10\",\"expressionist-bold-colorway@mozilla.org\":\"290fc40a-a070-4663-8c18-35c5e45662e9\",\"visionary-bold-colorway@mozilla.org\":\"e7052c6a-7f3c-4372-ba6d-06eb8ffa5e87\",\"activist-bold-colorway@mozilla.org\":\"25e3ceb5-e296-492f-98bc-e71aa38ce5a6\",\"dreamer-bold-colorway@mozilla.org\":\"64f0a852-5ba8-4e1e-968a-48b96937c5a9\",\"innovator-bold-colorway@mozilla.org\":\"7d5acfd4-640f-48e7-9eaa-f6e0fe6a45b8\"}");
+user_pref("extensions.webextensions.uuids", "{\"doh-rollout@mozilla.org\":\"946257eb-c1c3-4490-a34d-f99988aa0ef4\",\"formautofill@mozilla.org\":\"fda477fb-fa39-4a5e-9b39-ad7c2dbc21b6\",\"screenshots@mozilla.org\":\"c3731a22-38f4-4020-b831-748aaf4e885c\",\"webcompat-reporter@mozilla.org\":\"3b0b67d7-a376-4bef-bd35-72667423201c\",\"webcompat@mozilla.org\":\"0a7d9067-bcfe-497e-9a73-d3cdfc35f1ad\",\"default-theme@mozilla.org\":\"75d80d13-a640-4fa4-a9a7-4e40994ecfcb\",\"google@search.mozilla.org\":\"64646f90-cdbd-4953-8645-a938d19d385a\",\"amazondotcom@search.mozilla.org\":\"4e301f5d-d015-48b1-872a-5fe674d37c97\",\"bing@search.mozilla.org\":\"07a4e3d3-08f8-4711-8629-3a9b0c20d065\",\"ddg@search.mozilla.org\":\"ac7e84a4-e12e-4740-a28e-a25b6a2c7732\",\"ebay@search.mozilla.org\":\"fc65b37c-f1ef-4795-9b26-6d2101e7886b\",\"twitter@search.mozilla.org\":\"f4ae5772-f6fc-4f1b-9a3c-06be3e4e6bfc\",\"wikipedia@search.mozilla.org\":\"a40f7749-837a-4ed9-86ca-d94589a888cb\",\"firefox-compact-dark@mozilla.org\":\"d37f1bd5-0d34-4810-89d2-a5d2801d3237\",\"enhancerforyoutube@maximerf.addons.mozilla.org\":\"4db84fe2-753b-47eb-895a-1896e3843a51\",\"CookieAutoDelete@kennydo.com\":\"bc93ebe3-0486-41a9-bff7-5041fc95d7ec\",\"jid1-MnnxcxisBPnSXQ@jetpack\":\"3b66fcbb-2540-49bb-8a59-af7872dd9a27\",\"https-everywhere@eff.org\":\"409abe36-7e59-4334-a9fb-ad95ff8bbc46\",\"{73a6fe31-595d-460b-a920-fcc0f8843232}\":\"43d9308d-3fb6-48da-9ac1-13833f64d5d9\",\"uBlock0@raymondhill.net\":\"22cba72f-3105-445e-9609-10a6e318b49d\",\"{446900e4-71c2-419f-a6a7-df9c091e268b}\":\"3e76ff93-a4cc-4e9d-9bdb-40487f4f9d95\",\"firefox-compact-light@mozilla.org\":\"02b120c7-ce82-4969-84ff-50c8aeffb99a\",\"{b743f56d-1cc1-4048-8ba6-f9c2ab7aa54d}\":\"46d076b2-4d1f-4a94-af48-98098bf6d1ed\",\"jid1-CikLKKPVkw6ipw@jetpack\":\"45886005-f608-462e-b99b-09a85dff5346\",\"{1be309c5-3e4f-4b99-927d-bb500eb4fa88}\":\"3ad23b35-5c56-44dd-a4a2-fc52ab5489df\",\"tridactyl.vim@cmcaine.co.uk\":\"b04e0832-b8b7-42ce-a11d-18b8322949a8\",\"jid0-3GUEt1r69sQNSrca5p8kx9Ezc3U@jetpack\":\"9acf76e7-e965-4f68-ad9a-26c86889bfc1\",\"languagetool-webextension@languagetool.org\":\"9e00252e-8da9-45cd-89fc-6761bcc145ff\",\"pictureinpicture@mozilla.org\":\"927666b6-4218-4378-9948-bcf32a9cb065\",\"amazon@search.mozilla.org\":\"bf61dd00-234d-427d-a10a-fa37de8bf4e9\",\"sponsorBlocker@ajay.app\":\"aca61cf3-9cdd-47e7-898d-9122b9619125\",\"wayback_machine@mozilla.org\":\"865e8f8e-1bb3-48ad-8b35-39f7655e5d91\",\"{12cf650b-1822-40aa-bff0-996df6948878}\":\"1b69c98a-d3c5-4923-aa02-5d436481c74d\",\"{529b261b-df0b-4e3b-bf42-07b462da0ee8}\":\"643d8767-295e-430c-bee4-a9de6e5861ea\",\"{a6c4a591-f1b2-4f03-b3ff-767e5bedf4e7}\":\"95bf6dcd-2a80-4ff6-a755-db2d898e3dfe\",\"{b86e4813-687a-43e6-ab65-0bde4ab75758}\":\"985239a4-64cc-4bea-8852-c21dcd055c50\",\"reset-search-defaults@mozilla.com\":\"de62a459-bbd3-4a6f-b581-1f8a38bfd755\",\"addons-search-detection@mozilla.com\":\"d3897d76-eea5-4b48-aed4-4bc4862c8764\",\"proxy-failover@mozilla.com\":\"bab72ded-f85b-4973-ac69-9d463c8dfba6\",\"@testpilot-containers\":\"26e1521b-8857-4a2e-b495-122be4670393\",\"WebToEpub@Baka-tsuki.org\":\"3fc3336e-97a0-48ab-b2b1-d726088bff16\",\"addon@fastforward.team\":\"463e561e-87cf-45d7-a51a-66eab00e27fd\",\"{6706d386-2d33-4e1e-bbf1-51b9e1ce47e1}\":\"2073d74a-2468-4f90-b3ba-e661f9071fe3\",\"nhentaidownloader.ext@gmail.com\":\"8be38d5e-e036-41c2-8e05-53ae2ae1969f\",\"{762f9885-5a13-4abd-9c77-433dcd38b8fd}\":\"be15551e-892a-43b4-af53-cc0c3ffa5ace\",\"{884679b9-5d6b-48b2-90a7-15ae26ce568a}\":\"77ebe5d7-43a8-4ab1-aae0-79c5397f5afe\",\"7esoorv3@alefvanoon.anonaddy.me\":\"c7c324fe-cf04-418b-9687-513e6a05c54a\",\"{f5ffc648-66fb-4aae-bd47-fe9b87b1f408}\":\"b07cd034-85f2-4b15-945b-f10c43fe8a48\",\"{036a55b4-5e72-4d05-a06c-cba2dfcc134a}\":\"20bb1352-3dca-46a0-a1b1-d167117e0335\",\"adnauseam@rednoise.org\":\"453ec669-6875-4e90-a942-9e1e7849db87\",\"clearcache@michel.de.almeida\":\"3f343c46-9561-4bf6-8e00-d2552db42530\",\"ecosia@search.mozilla.org\":\"5ffdc3f4-e700-4965-ac2d-7b0a31ff52ef\",\"leo_ende_de@search.mozilla.org\":\"7ff62cde-024e-4ab7-b4b1-f14bd35f5675\",\"firefox-translations-addon@mozilla.org\":\"88a0a4ce-fa63-4e89-be5b-814f27b30840\",\"search@kagi.com\":\"a8055368-661d-4a6c-b3bf-0638ee0454a2\",\"{0523c2c8-3fa1-40d2-a668-97e73bc32405}\":\"3ebc7716-bfb6-4c5d-b413-06c5c214ca7d\"}");
user_pref("findbar.highlightAll", true);
user_pref("fission.experiment.max-origins.last-disqualified", 0);
user_pref("fission.experiment.max-origins.last-qualified", 1626291179);
@@ -234,11 +235,11 @@ user_pref("general.smoothScroll.scrollbars.durationMinMS", 0);
user_pref("general.smoothScroll.stopDecelerationWeighting", "0.6");
user_pref("gfx.blacklist.webrender.failureid", "FEATURE_FAILURE_DDX_INTEL");
user_pref("identity.fxaccounts.account.device.name", "marc’s Firefox on lupusregina");
-user_pref("identity.fxaccounts.account.telemetry.sanitized_uid", "d350307667f63e9014fdea909adeb9f8");
-user_pref("identity.fxaccounts.commands.missed.last_fetch", 1670093194);
+user_pref("identity.fxaccounts.account.telemetry.sanitized_uid", "7d43bb2e98e00c17c235782ba1e87861");
+user_pref("identity.fxaccounts.commands.missed.last_fetch", 1676921433);
user_pref("identity.fxaccounts.lastSignedInUserHash", "8BRA9+6sRIqGXRuNxzfOnvsueJGliFd7TfEFww9llO8=");
user_pref("identity.fxaccounts.toolbar.accessed", true);
-user_pref("idle.lastDailyNotification", 1670094725);
+user_pref("idle.lastDailyNotification", 1677005401);
user_pref("javascript.options.wasm_simd_wormhole", true);
user_pref("layout.css.color-mix.enabled", true);
user_pref("layout.css.has-selector.enabled", true);
@@ -252,9 +253,9 @@ user_pref("media.gmp-gmpopenh264.lastDownloadFailed", 1667412654);
user_pref("media.gmp-gmpopenh264.lastInstallStart", 1667412654);
user_pref("media.gmp-gmpopenh264.lastUpdate", 1656608575);
user_pref("media.gmp-gmpopenh264.version", "1.8.1.2");
-user_pref("media.gmp-manager.buildID", "20221128222455");
-user_pref("media.gmp-manager.lastCheck", 1670062661);
-user_pref("media.gmp-manager.lastEmptyCheck", 1670062661);
+user_pref("media.gmp-manager.buildID", "20230214230245");
+user_pref("media.gmp-manager.lastCheck", 1676918437);
+user_pref("media.gmp-manager.lastEmptyCheck", 1676918437);
user_pref("media.gmp-widevinecdm.abi", "x86_64-gcc3");
user_pref("media.gmp-widevinecdm.lastDownload", 1669919207);
user_pref("media.gmp-widevinecdm.lastInstallStart", 1669919205);
@@ -283,7 +284,7 @@ user_pref("pdfjs.enabledCache.state", true);
user_pref("pdfjs.migrationVersion", 2);
user_pref("pdfjs.previousHandler.alwaysAskBeforeHandling", true);
user_pref("pdfjs.previousHandler.preferredAction", 4);
-user_pref("places.database.lastMaintenance", 1670094725);
+user_pref("places.database.lastMaintenance", 1676719481);
user_pref("places.history.expiration.transient_current_max_pages", 112348);
user_pref("pref.general.disable_button.default_browser", false);
user_pref("pref.privacy.disable_button.cookie_exceptions", false);
@@ -346,6 +347,7 @@ user_pref("print.printer_HP_LaserJet_MFP_M426dw.print_unwriteable_margin_right",
user_pref("print.printer_HP_LaserJet_MFP_M426dw.print_unwriteable_margin_top", 17);
user_pref("print_printer", "HP_LaserJet_MFP_M426dw");
user_pref("privacy.annotate_channels.strict_list.enabled", true);
+user_pref("privacy.annotate_channels.strict_list.pbmode.enabled", true);
user_pref("privacy.clearOnShutdown.offlineApps", true);
user_pref("privacy.history.custom", true);
user_pref("privacy.partition.network_state.ocsp_cache", true);
@@ -369,61 +371,62 @@ user_pref("services.blocklist.addons.checked", 1591867368);
user_pref("services.blocklist.gfx.checked", 1654758333);
user_pref("services.blocklist.pinning.checked", 1591805812);
user_pref("services.blocklist.plugins.checked", 1591867368);
-user_pref("services.settings.blocklists.addons-bloomfilters.last_check", 1670142877);
-user_pref("services.settings.blocklists.gfx.last_check", 1670142877);
+user_pref("services.settings.blocklists.addons-bloomfilters.last_check", 1677092421);
+user_pref("services.settings.blocklists.gfx.last_check", 1677092421);
user_pref("services.settings.clock_skew_seconds", 0);
-user_pref("services.settings.last_etag", "\"1670122633854\"");
-user_pref("services.settings.last_update_seconds", 1670142877);
-user_pref("services.settings.main.addons-manager-settings.last_check", 1670142877);
-user_pref("services.settings.main.anti-tracking-url-decoration.last_check", 1670142877);
+user_pref("services.settings.last_etag", "\"1677079981951\"");
+user_pref("services.settings.last_update_seconds", 1677092421);
+user_pref("services.settings.main.addons-manager-settings.last_check", 1677092421);
+user_pref("services.settings.main.anti-tracking-url-decoration.last_check", 1677092421);
user_pref("services.settings.main.cfr-fxa.last_check", 1629621510);
-user_pref("services.settings.main.cfr.last_check", 1670142877);
-user_pref("services.settings.main.devtools-compatibility-browsers.last_check", 1670142877);
-user_pref("services.settings.main.devtools-devices.last_check", 1670142877);
-user_pref("services.settings.main.doh-config.last_check", 1670142877);
-user_pref("services.settings.main.doh-providers.last_check", 1670142877);
-user_pref("services.settings.main.fxmonitor-breaches.last_check", 1670142877);
-user_pref("services.settings.main.hijack-blocklists.last_check", 1670142877);
-user_pref("services.settings.main.language-dictionaries.last_check", 1670142877);
-user_pref("services.settings.main.message-groups.last_check", 1670142877);
+user_pref("services.settings.main.cfr.last_check", 1677092421);
+user_pref("services.settings.main.cookie-banner-rules-list.last_check", 1677092421);
+user_pref("services.settings.main.devtools-compatibility-browsers.last_check", 1677092421);
+user_pref("services.settings.main.devtools-devices.last_check", 1677092421);
+user_pref("services.settings.main.doh-config.last_check", 1677092421);
+user_pref("services.settings.main.doh-providers.last_check", 1677092421);
+user_pref("services.settings.main.fxmonitor-breaches.last_check", 1677092421);
+user_pref("services.settings.main.hijack-blocklists.last_check", 1677092421);
+user_pref("services.settings.main.language-dictionaries.last_check", 1677092421);
+user_pref("services.settings.main.message-groups.last_check", 1677092421);
user_pref("services.settings.main.messaging-experiments.last_check", 1591867368);
-user_pref("services.settings.main.ms-images.last_check", 1670142877);
-user_pref("services.settings.main.nimbus-desktop-defaults.last_check", 1670142877);
-user_pref("services.settings.main.nimbus-desktop-experiments.last_check", 1670142877);
-user_pref("services.settings.main.normandy-recipes-capabilities.last_check", 1670142877);
-user_pref("services.settings.main.partitioning-exempt-urls.last_check", 1670142877);
-user_pref("services.settings.main.password-recipes.last_check", 1670142877);
-user_pref("services.settings.main.password-rules.last_check", 1670142877);
-user_pref("services.settings.main.personality-provider-models.last_check", 1670142877);
-user_pref("services.settings.main.personality-provider-recipe.last_check", 1670142877);
-user_pref("services.settings.main.pioneer-study-addons-v1.last_check", 1670142877);
-user_pref("services.settings.main.pioneer-study-addons.last_check", 1670142877);
-user_pref("services.settings.main.public-suffix-list.last_check", 1670142877);
-user_pref("services.settings.main.query-stripping.last_check", 1670142877);
-user_pref("services.settings.main.search-config.last_check", 1670142877);
-user_pref("services.settings.main.search-default-override-allowlist.last_check", 1670142877);
-user_pref("services.settings.main.search-telemetry-v2.last_check", 1670142877);
-user_pref("services.settings.main.search-telemetry.last_check", 1670142877);
-user_pref("services.settings.main.sites-classification.last_check", 1670142877);
-user_pref("services.settings.main.tippytop.last_check", 1670142877);
-user_pref("services.settings.main.top-sites.last_check", 1670142877);
-user_pref("services.settings.main.url-classifier-skip-urls.last_check", 1670142877);
-user_pref("services.settings.main.websites-with-shared-credential-backends.last_check", 1670142877);
-user_pref("services.settings.main.whats-new-panel.last_check", 1670142877);
-user_pref("services.settings.security-state.cert-revocations.last_check", 1670079776);
-user_pref("services.settings.security-state.intermediates.last_check", 1670079776);
-user_pref("services.settings.security-state.onecrl.last_check", 1670079776);
+user_pref("services.settings.main.ms-images.last_check", 1677092421);
+user_pref("services.settings.main.nimbus-desktop-defaults.last_check", 1677092421);
+user_pref("services.settings.main.nimbus-desktop-experiments.last_check", 1677092421);
+user_pref("services.settings.main.normandy-recipes-capabilities.last_check", 1677092421);
+user_pref("services.settings.main.partitioning-exempt-urls.last_check", 1677092421);
+user_pref("services.settings.main.password-recipes.last_check", 1677092421);
+user_pref("services.settings.main.password-rules.last_check", 1677092421);
+user_pref("services.settings.main.personality-provider-models.last_check", 1677092421);
+user_pref("services.settings.main.personality-provider-recipe.last_check", 1677092421);
+user_pref("services.settings.main.pioneer-study-addons-v1.last_check", 1677092421);
+user_pref("services.settings.main.pioneer-study-addons.last_check", 1677092421);
+user_pref("services.settings.main.public-suffix-list.last_check", 1677092421);
+user_pref("services.settings.main.query-stripping.last_check", 1677092421);
+user_pref("services.settings.main.search-config.last_check", 1677092421);
+user_pref("services.settings.main.search-default-override-allowlist.last_check", 1677092421);
+user_pref("services.settings.main.search-telemetry-v2.last_check", 1677092421);
+user_pref("services.settings.main.search-telemetry.last_check", 1677092421);
+user_pref("services.settings.main.sites-classification.last_check", 1677092421);
+user_pref("services.settings.main.tippytop.last_check", 1677092421);
+user_pref("services.settings.main.top-sites.last_check", 1677092421);
+user_pref("services.settings.main.url-classifier-skip-urls.last_check", 1677092421);
+user_pref("services.settings.main.websites-with-shared-credential-backends.last_check", 1677092421);
+user_pref("services.settings.main.whats-new-panel.last_check", 1677092421);
+user_pref("services.settings.security-state.cert-revocations.last_check", 1676991984);
+user_pref("services.settings.security-state.intermediates.last_check", 1676991984);
+user_pref("services.settings.security-state.onecrl.last_check", 1676991984);
user_pref("services.settings.security.onecrl.checked", 1654758333);
-user_pref("services.sync.addons.lastSync", "1669360924.79");
+user_pref("services.sync.addons.lastSync", "1675165642.64");
user_pref("services.sync.addons.syncID", "L7k31iPXEMk6");
user_pref("services.sync.bookmarks.lastSync", "1591894790.66");
user_pref("services.sync.bookmarks.syncID", "3C9StXXGztPe");
user_pref("services.sync.client.GUID", "-S_pn8VT4ZCp");
user_pref("services.sync.client.syncID", "MtJM9DyW2j2m");
-user_pref("services.sync.clients.devices.desktop", 2);
+user_pref("services.sync.clients.devices.desktop", 1);
user_pref("services.sync.clients.devices.mobile", 1);
-user_pref("services.sync.clients.lastRecordUpload", 1670142880);
-user_pref("services.sync.clients.lastSync", "1670142880.57");
+user_pref("services.sync.clients.lastRecordUpload", 1677092423);
+user_pref("services.sync.clients.lastSync", "1677092423.57");
user_pref("services.sync.clients.syncID", "-UKRQIkr1Rru");
user_pref("services.sync.creditcards.lastSync", "0");
user_pref("services.sync.creditcards.syncID", "yp8F-l4YaopB");
@@ -438,8 +441,8 @@ user_pref("services.sync.extension-storage.lastSync", "0");
user_pref("services.sync.forms.lastSync", "0");
user_pref("services.sync.globalScore", 0);
user_pref("services.sync.history.lastSync", "0");
-user_pref("services.sync.lastPing", 1670093193);
-user_pref("services.sync.lastSync", "Sun Dec 04 2022 09:34:41 GMT+0100 (Central European Standard Time)");
+user_pref("services.sync.lastPing", 1677092422);
+user_pref("services.sync.lastSync", "Wed Feb 22 2023 20:00:23 GMT+0100 (Central European Standard Time)");
user_pref("services.sync.lastTabFetch", 1586120826);
user_pref("services.sync.nextSync", 0);
user_pref("services.sync.passwords.syncID", "-WeMPm6W3NJC");
@@ -473,13 +476,13 @@ user_pref("services.sync.username", "mrcfrm01@protonmail.com");
user_pref("signon.importedFromSqlite", true);
user_pref("signon.rememberSignons", false);
user_pref("storage.vacuum.last.index", 1);
-user_pref("storage.vacuum.last.places.sqlite", 1669316476);
+user_pref("storage.vacuum.last.places.sqlite", 1674655309);
user_pref("svg.context-properties.content.enabled", true);
user_pref("toolkit.legacyUserProfileCustomizations.stylesheets", true);
user_pref("toolkit.scrollbox.horizontalScrollDistance", 4);
-user_pref("toolkit.startup.last_success", 1670142873);
+user_pref("toolkit.startup.last_success", 1677092416);
user_pref("toolkit.telemetry.cachedClientID", "27215ebf-b618-4b9c-bd32-ceb6347e229a");
-user_pref("toolkit.telemetry.previousBuildID", "20221128222455");
+user_pref("toolkit.telemetry.previousBuildID", "20230214230245");
user_pref("toolkit.telemetry.reportingpolicy.firstRun", false);
user_pref("trailhead.firstrun.didSeeAboutWelcome", true);
user_pref("userChrome.compatibility.os", true);
diff --git a/arch-config/.mozilla/firefox/default-release/user.js b/arch-config/.mozilla/firefox/default-release/user.js
index 66f4c3c1..703bf9e0 100644
--- a/arch-config/.mozilla/firefox/default-release/user.js
+++ b/arch-config/.mozilla/firefox/default-release/user.js
@@ -39,6 +39,7 @@ user_pref("userChrome.tab.photon_like_padding", true); // Photon
user_pref("userChrome.tab.dynamic_separator", false); // Original, Proton
user_pref("userChrome.tab.static_separator", true); // Photon
user_pref("userChrome.tab.static_separator.selected_accent", false); // Just option
+user_pref("userChrome.tab.bar_separator", false); // Just option
user_pref("userChrome.tab.newtab_button_like_tab", false); // Original
user_pref("userChrome.tab.newtab_button_smaller", true); // Photon
@@ -69,9 +70,12 @@ user_pref("userChrome.rounding.square_tab", true);
// -- User Chrome --------------------------------------------------------------
// user_pref("userChrome.theme.proton_color.dark_blue_accent", true);
// user_pref("userChrome.theme.monospace", true);
+// user_pref("userChrome.compatibility.os.win11", true);
// user_pref("userChrome.decoration.disable_panel_animate", true);
// user_pref("userChrome.decoration.disable_sidebar_animate", true);
+// user_pref("userChrome.decoration.panel_button_separator", true);
+// user_pref("userChrome.decoration.panel_arrow", true);
// user_pref("userChrome.autohide.tab", true);
// user_pref("userChrome.autohide.tab.opacity", true);
@@ -91,9 +95,11 @@ user_pref("userChrome.rounding.square_tab", true);
// user_pref("userChrome.hidden.tab_icon.always", true);
// user_pref("userChrome.hidden.tabbar", true);
// user_pref("userChrome.hidden.navbar", true);
+// user_pref("userChrome.hidden.titlebar_container", true);
// user_pref("userChrome.hidden.sidebar_header", true);
// user_pref("userChrome.hidden.sidebar_header.vertical_tab_only", true);
// user_pref("userChrome.hidden.urlbar_iconbox", true);
+// user_pref("userChrome.hidden.urlbar_iconbox.label_only", true);
// user_pref("userChrome.hidden.bookmarkbar_icon", true);
// user_pref("userChrome.hidden.bookmarkbar_label", true);
// user_pref("userChrome.hidden.disabled_menu", true);
@@ -103,12 +109,25 @@ user_pref("userChrome.rounding.square_tab", true);
// user_pref("userChrome.centered.urlbar", true);
// user_pref("userChrome.centered.bookmarkbar", true);
+// user_pref("userChrome.counter.tab", true);
+// user_pref("userChrome.counter.bookmark_menu", true);
+
+// user_pref("userChrome.combined.nav_button", true);
+// user_pref("userChrome.combined.nav_button.home_button", true);
+// user_pref("userChrome.combined.urlbar.nav_button", true);
+// user_pref("userChrome.combined.urlbar.home_button", true);
+// user_pref("userChrome.combined.urlbar.reload_button", true);
+// user_pref("userChrome.combined.sub_button.none_background", true);
+// user_pref("userChrome.combined.sub_button.as_normal", true);
+
// user_pref("userChrome.rounding.square_button", true);
+// user_pref("userChrome.rounding.square_dialog", true);
// user_pref("userChrome.rounding.square_panel", true);
// user_pref("userChrome.rounding.square_panelitem", true);
// user_pref("userChrome.rounding.square_menupopup", true);
// user_pref("userChrome.rounding.square_menuitem", true);
// user_pref("userChrome.rounding.square_field", true);
+// user_pref("userChrome.rounding.square_urlView_item", true);
// user_pref("userChrome.rounding.square_checklabel", true);
// user_pref("userChrome.padding.first_tab", true);
@@ -116,17 +135,26 @@ user_pref("userChrome.rounding.square_tab", true);
// user_pref("userChrome.padding.drag_space", true);
// user_pref("userChrome.padding.drag_space.maximized", true);
+// user_pref("userChrome.padding.toolbar_button.compact", true);
// user_pref("userChrome.padding.menu_compact", true);
// user_pref("userChrome.padding.bookmark_menu.compact", true);
// user_pref("userChrome.padding.urlView_expanding", true);
// user_pref("userChrome.padding.urlView_result", true);
// user_pref("userChrome.padding.panel_header", true);
+// user_pref("userChrome.urlbar.iconbox_with_separator", true);
+
+// user_pref("userChrome.urlView.as_commandbar", true);
+// user_pref("userChrome.urlView.full_width_padding", true);
+// user_pref("userChrome.urlView.always_show_page_actions", true);
// user_pref("userChrome.urlView.move_icon_to_left", true);
// user_pref("userChrome.urlView.go_button_when_typing", true);
-// user_pref("userChrome.urlView.always_show_page_actions", true);
+// user_pref("userChrome.urlView.focus_item_border", true);
// user_pref("userChrome.tabbar.as_titlebar", true);
+// user_pref("userChrome.tabbar.fill_width", true);
+// user_pref("userChrome.tabbar.multi_row", true);
+// user_pref("userChrome.tabbar.unscroll", true);
// user_pref("userChrome.tabbar.on_bottom", true);
// user_pref("userChrome.tabbar.on_bottom.above_bookmark", true); // Need on_bottom
// user_pref("userChrome.tabbar.on_bottom.menubar_on_top", true); // Need on_bottom
@@ -136,13 +164,26 @@ user_pref("userChrome.rounding.square_tab", true);
// user_pref("userChrome.tabbar.one_liner.tabbar_first", true); // Need one_liner
// user_pref("userChrome.tabbar.one_liner.responsive", true); // Need one_liner
+// user_pref("userChrome.tab.bottom_rounded_corner.all", true);
+// user_pref("userChrome.tab.bottom_rounded_corner.australis", true);
+// user_pref("userChrome.tab.bottom_rounded_corner.edge", true);
+// user_pref("userChrome.tab.bottom_rounded_corner.chrome", true);
+// user_pref("userChrome.tab.bottom_rounded_corner.chrome_legacy", true);
+// user_pref("userChrome.tab.bottom_rounded_corner.wave", true);
// user_pref("userChrome.tab.always_show_tab_icon", true);
// user_pref("userChrome.tab.close_button_at_pinned", true);
// user_pref("userChrome.tab.close_button_at_pinned.always", true);
// user_pref("userChrome.tab.close_button_at_pinned.background", true);
// user_pref("userChrome.tab.close_button_at_hover.always", true); // Need close_button_at_hover
+// user_pref("userChrome.tab.close_button_at_hover.with_selected", true); // Need close_button_at_hover
// user_pref("userChrome.tab.sound_show_label", true); // Need remove sound_hide_label
+// user_pref("userChrome.navbar.as_sidebar", true);
+
+// user_pref("userChrome.bookmarkbar.multi_row", true);
+
+// user_pref("userChrome.findbar.floating_on_top", true);
+
// user_pref("userChrome.panel.remove_strip", true);
// user_pref("userChrome.panel.full_width_separator", true);
// user_pref("userChrome.panel.full_width_padding", true);
@@ -158,6 +199,8 @@ user_pref("userChrome.rounding.square_tab", true);
// -- User Content -------------------------------------------------------------
// user_pref("userContent.player.ui.twoline", true);
+// user_pref("userContent.newTab.hidden_logo", true);
+
// user_pref("userContent.page.proton_color.dark_blue_accent", true);
// user_pref("userContent.page.proton_color.system_accent", true);
// user_pref("userContent.page.monospace", true);
@@ -220,12 +263,12 @@ user_pref("userContent.player.size", true);
user_pref("userContent.player.click_to_play", true);
user_pref("userContent.player.animate", true);
-user_pref("userContent.newTab.field_border", true);
user_pref("userContent.newTab.full_icon", true);
user_pref("userContent.newTab.animate", true);
user_pref("userContent.newTab.pocket_to_last", true);
user_pref("userContent.newTab.searchbar", true);
+user_pref("userContent.page.field_border", true);
user_pref("userContent.page.illustration", true);
user_pref("userContent.page.proton_color", true);
user_pref("userContent.page.dark_mode", true); // Need proton_color