diff --git a/.github/workflows/release.yml b/.github/workflows/release.yml index 38a3039..4dff6c7 100644 --- a/.github/workflows/release.yml +++ b/.github/workflows/release.yml @@ -32,13 +32,24 @@ jobs: needs: sync-branches strategy: matrix: - mode: ["STANDARD", "ESR"] include: - - name: "Lepton" + - mode: "STANDARD" + name: "Lepton" branch: "master" - - name: "Lepton-Photon-Style" + - mode: "STANDARD" + name: "Lepton-Photon-Style" branch: "photon-style" - - name: "Lepton-Proton-Style" + - mode: "STANDARD" + name: "Lepton-Proton-Style" + branch: "proton-style" + - mode: "ESR" + name: "Lepton" + branch: "master" + - mode: "ESR" + name: "Lepton-Photon-Style" + branch: "photon-style" + - mode: "ESR" + name: "Lepton-Proton-Style" branch: "proton-style" steps: - uses: actions/checkout@v3 @@ -101,4 +112,4 @@ jobs: GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }} with: files: | - ${{ matrix.name }}-ESR.zip + ESR-${{ matrix.name }}.zip diff --git a/CREDITS b/CREDITS index b5ee5a9..1dcb3ee 100644 --- a/CREDITS +++ b/CREDITS @@ -25,6 +25,9 @@ W: https://ethansup.net ---------- Sponsors +N: Alessandro Rubino +W: https://github.com/Babbiorsetto + N: Jani Haiko E: haiko.jani@gmail.com W: https://github.com/ojaha065 @@ -60,6 +63,9 @@ W: https://github.com/Ajith-stark N: akay W: https://github.com/akay +N: Alex Kontos +W: https://github.com/MrAlex94 + N: Andmagdo W: https://github.com/andmagdo @@ -108,6 +114,13 @@ W: https://www.mamen.at N: MarNicGit W: https://github.com/MarNicGit +N: menndouyukkuri +E: menndoukusagari@gmail.com +W: https://github.com/menndouyukkuri + +N: Mizuki +W: https://github.com/MagicalDrizzle + N: Oondanomala W: https://github.com/Oondanomala @@ -156,11 +169,6 @@ W: https://github.com/thunderstone135 ---------- Reference Projects & Resources -N: BEST-WALLPAPER.NET -W: https://best-wallpaper.net/ -C: Copyright (c) 2011-2022 best-wallpaper.net -L: Unspecified License - N: Compact Mode Firefox Css W: https://github.com/Godiesc/compactmodefirefoxcss C: Copyright (c) 2021 Godiesc @@ -211,6 +219,11 @@ W: https://github.com/muckSponge/MaterialFox C: Copyright (c) 2018 muckSponge L: MIT +N: Mozilla Foundation +W: https://mozilla.org +C: Copyright (c) 1998–2023 The Mozilla Foundation +L: Creative Commons Attribution Share-Alike 3.0 Unported + N: Multi-Account-Containers W: https://github.com/mozilla/multi-account-containers C: Copyright (c) 1998–2021 The Mozilla Foundation diff --git a/README.org b/README.org index ce6a511..ed7698c 100644 --- a/README.org +++ b/README.org @@ -206,6 +206,7 @@ Thanks to all sponsors & contributors to this project for providing help and dev [[https://github.com/ZachKnife1][@@html:@@]] [[https://github.com/kanlukasz][@@html:@@]] [[https://github.com/nikkehtine][@@html:@@]] +[[https://github.com/Babbiorsetto][@@html:@@]] *Contributors* diff --git a/css/leptonChrome.css b/css/leptonChrome.css index 2aa872d..55f8c82 100644 --- a/css/leptonChrome.css +++ b/css/leptonChrome.css @@ -79,12 +79,12 @@ /* TARGET: original, photon */ #TabsToolbar[brighttext] #tabbrowser-tabs:not([noshadowfortests]) - .tabbrowser-tab:is([visuallyselected="true"], [multiselected]) + .tabbrowser-tab:is([visuallyselected], [multiselected]) > .tab-stack > .tab-background:-moz-lwtheme, #TabsToolbar:not([brighttext]) #tabbrowser-tabs:not([noshadowfortests]) - .tabbrowser-tab:is([visuallyselected="true"], [multiselected]) + .tabbrowser-tab:is([visuallyselected], [multiselected]) > .tab-stack > .tab-background { /* Nightly 96: 1px solid var(--tab-line-color, rgba(128,128,142,0.9)); */ @@ -214,20 +214,20 @@ /*= Linux - Light System Default Theme's Selected Tab ========================*/ @media (-moz-gtk-csd-available) and (prefers-color-scheme: light) { /* Because of - #TabsToolbar:not([brighttext]) #tabbrowser-tabs:not([noshadowfortests]) .tabbrowser-tab:is([visuallyselected=true], [multiselected]) > .tab-stack > .tab-background { + #TabsToolbar:not([brighttext]) #tabbrowser-tabs:not([noshadowfortests]) .tabbrowser-tab:is([visuallyselected], [multiselected]) > .tab-stack > .tab-background { border: 1px solid var(--tab-line-color, rgba(128,128,142,0.9)); box-shadow: 0 0 4px rgba(128,128,142,0.5); } */ #tabbrowser-tabs:not([noshadowfortests]) - .tabbrowser-tab:is([visuallyselected="true"], [multiselected]) + .tabbrowser-tab:is([visuallyselected], [multiselected]) > .tab-stack > .tab-background:not(:-moz-lwtheme) { box-shadow: 0 0 4px rgba(128, 128, 142, 0.5) !important; } #TabsToolbar:not([brighttext]) #tabbrowser-tabs:not([noshadowfortests]) - .tabbrowser-tab:is([visuallyselected="true"], [multiselected]) + .tabbrowser-tab:is([visuallyselected], [multiselected]) > .tab-stack > .tab-background:not(:-moz-lwtheme) { box-shadow: 0 0 1px var(--tab-line-color, rgba(128, 128, 142, 0.9)), 0 0 4px rgba(128, 128, 142, 0.5) !important; @@ -531,7 +531,7 @@ } } @media (-moz-platform: windows) { - :root:not(:-moz-lwtheme) { + :root:is(#main-window):not(:-moz-lwtheme) { --arrowpanel-border-color: var(--win-bgcolor) !important; --panel-separator-color: var(--win-bgcolor) !important; } @@ -610,13 +610,13 @@ } } @media (-moz-platform: windows) and (prefers-color-scheme: dark) { - .sidebar-panel[style="--newtab-background-color: rgba(43, 42, 51, 1); --newtab-text-primary-color: rgba(251, 251, 254, 1); --lwt-sidebar-background-color: rgb(56, 56, 61); --lwt-sidebar-text-color: rgba(249, 249, 250, 1);"], - body[lwt-sidebar][style="--newtab-background-color: rgba(43, 42, 51, 1); --newtab-text-primary-color: rgba(251, 251, 254, 1); --lwt-sidebar-background-color: rgb(56, 56, 61); --lwt-sidebar-text-color: rgba(249, 249, 250, 1);"], - .sidebar-panel[style="--newtab-background-color: rgb(43, 42, 51); --newtab-text-primary-color: rgba(251, 251, 254, 1); --lwt-sidebar-background-color: rgb(56, 56, 61); --lwt-sidebar-text-color: rgba(249, 249, 250, 1);"], - body[lwt-sidebar][style="--newtab-background-color: rgb(43, 42, 51); --newtab-text-primary-color: rgba(251, 251, 254, 1); --lwt-sidebar-background-color: rgb(56, 56, 61); --lwt-sidebar-text-color: rgba(249, 249, 250, 1);"] { + .sidebar-panel[style*="--lwt-sidebar-background-color: rgb(56, 56, 61); --lwt-sidebar-text-color: rgba(249, 249, 250, 1);"], + html[lwt-sidebar][style*="--lwt-sidebar-background-color: rgb(56, 56, 61); --lwt-sidebar-text-color: rgba(249, 249, 250, 1);"], + body[lwt-sidebar][style*="--lwt-sidebar-background-color: rgb(56, 56, 61); --lwt-sidebar-text-color: rgba(249, 249, 250, 1);"] { /* Only darkmode has more: --newtab-background-color-secondary: rgba(66, 65, 77, 1); */ --lwt-sidebar-background-color: var(--win-sidebar-bgcolor) !important; --lwt-sidebar-text-color: var(--win-text-color) !important; + --panel-separator-color: var(--win-border-color) !important; } } @media (-moz-platform: windows) { @@ -984,13 +984,13 @@ > #tabbrowser-arrowscrollbox > .tabbrowser-tab > .tab-stack - > .tab-background[selected="true"], + > .tab-background[selected], :root[style*="--lwt-accent-color: rgb(28, 27, 34); --lwt-text-color: rgba(251, 251, 254);"][lwt-default-theme-in-dark-mode] #tabbrowser-tabs:not([movingtab]) > #tabbrowser-arrowscrollbox > .tabbrowser-tab > .tab-stack - > .tab-background[selected="true"] { + > .tab-background[selected] { background: color-mix(in srgb, rgb(255, 255, 255) 15%, -moz-dialog) !important; } } @@ -1939,6 +1939,10 @@ --input-color: var(--arrowpanel-color, FieldText); } /*== Sidebar - Field Color ===================================================*/ + html[lwt-sidebar] body { + background-color: var(--lwt-sidebar-background-color, Field) !important; + color: var(--lwt-sidebar-text-color, FieldText) !important; + } .sidebar-panel #search-box, xul|search-textbox.tabsFilter { --input-bgcolor: color-mix(in srgb, currentColor 30%, transparent); @@ -2181,11 +2185,11 @@ #TabsToolbar { --toolbarseparator-color: transparent; } - #TabsToolbar .tabbrowser-tab > .tab-stack > .tab-background:not([selected="true"], [multiselected]) { + #TabsToolbar .tabbrowser-tab > .tab-stack > .tab-background:not([selected], [multiselected]) { background-color: var(--uc-frame-element-background); } #TabsToolbar #firefox-view-button:hover:not([open]) > .toolbarbutton-icon, - #TabsToolbar .tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected="true"], [multiselected]) { + #TabsToolbar .tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected], [multiselected]) { background-color: var( --toolbarbutton-hover-background ) !important; /* Original: color-mix(in srgb, currentColor 11%, transparent) */ @@ -3731,6 +3735,10 @@ } /** Rounding ******************************************************************/ /** Rounding ******************************************************************/ +.unified-extensions-item-menu-button.subviewbutton { + border-radius: var(--arrowpanel-menuitem-border-radius) !important; +} + @supports -moz-bool-pref("userChrome.rounding.square_tab") { :root { --tab-border-radius: 0 !important; /* Original: 4px */ @@ -3879,6 +3887,12 @@ :root { --tab-block-margin: 2px !important; /* New version of --proton-tab-block-margin */ } + #tabbrowser-tabs[orient="vertical"] { + --tab-block-margin: 4px !important; + } + #tabbrowser-tabs[orient="vertical"] .tabbrowser-tab { + margin-block: -1px !important; + } } @supports -moz-bool-pref("userChrome.tab.photon_like_padding") { :root { @@ -4032,9 +4046,12 @@ .tabbrowser-tab[pinned] { padding-inline: 1px !important; } - .tabbrowser-tab:not([pinned]) { + .tabbrowser-tab:not([pinned]):not(:first-of-type) { margin-inline: -1px !important; } + .tabbrowser-tab:not([pinned]):first-of-type { + margin-inline-end: -1px !important; + } } @supports not -moz-bool-pref("userChrome.tabbar.multi_row") { #TabsToolbar:not([multibar]) .tabbrowser-tab:not(:last-of-type) { @@ -4504,7 +4521,12 @@ } } .unified-extensions-item-menu-button.subviewbutton { - padding: 8px !important; /* Original: var(--arrowpanel-menuitem-padding-inline) */ + padding: 0 !important; /* Original: calc(var(--arrowpanel-menuitem-margin-inline) - 1px) var(--arrowpanel-menuitem-margin-inline) */ + } + @supports -moz-bool-pref("userChrome.panel.full_width_padding") { + .unified-extensions-item-menu-button.subviewbutton { + --arrowpanel-menuitem-padding-inline: var(--arrowpanel-menuitem-padding-block); + } } :root[uidensity="compact"] :is(.unified-extensions-item, .unified-extensions-item-action-button) { padding-block: 0 !important; @@ -6645,7 +6667,7 @@ > #tabbrowser-arrowscrollbox > .tabbrowser-tab > .tab-stack - > .tab-background[selected="true"]:-moz-lwtheme { + > .tab-background[selected]:-moz-lwtheme { /* Original: 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-image: linear-gradient(transparent, transparent), @@ -6657,7 +6679,7 @@ > #tabbrowser-arrowscrollbox > .tabbrowser-tab > .tab-stack - > .tab-background[selected="true"]:-moz-lwtheme { + > .tab-background[selected]:-moz-lwtheme { background-image: linear-gradient(transparent, transparent), linear-gradient(var(--toolbar-bgcolor), var(--toolbar-bgcolor)), var(--lwt-additional-images, none) !important; background-repeat: repeat-x, repeat-x, var(--lwt-background-tiling) !important; @@ -6707,7 +6729,7 @@ outline: 1px solid color-mix(in srgb, var(--focus-outline-color, currentColor) 40%, transparent); outline-offset: -1px; } - .tab-background[multiselected="true"][selected="true"] { + .tab-background[multiselected="true"][selected] { outline-width: 2px; outline-offset: -2px; } @@ -6743,7 +6765,7 @@ ) #TabsToolbar[brighttext] #tabbrowser-tabs:not([noshadowfortests]) - .tabbrowser-tab[visuallyselected="true"]:not(:focus), + .tabbrowser-tab[visuallyselected]:not(:focus), :root:is( [lwtheme-mozlightdark], [style*="--lwt-accent-color: rgb(28, 27, 34); --lwt-text-color: rgba(251, 251, 254);"] @@ -6761,7 +6783,7 @@ ) #TabsToolbar:not([brighttext]) #tabbrowser-tabs:not([noshadowfortests]) - .tabbrowser-tab:is([visuallyselected="true"], [multiselected]) + .tabbrowser-tab:is([visuallyselected], [multiselected]) > .tab-stack > .tab-background:-moz-lwtheme { --uc-tab-shadow-color: var(--uc-tab-shadow-color-bundle); @@ -6774,7 +6796,7 @@ ) #TabsToolbar[brighttext] #tabbrowser-tabs:not([noshadowfortests]) - .tabbrowser-tab:is([visuallyselected="true"], [multiselected]) + .tabbrowser-tab:is([visuallyselected], [multiselected]) > .tab-stack > .tab-background:-moz-lwtheme { filter: drop-shadow(-1px 0px 0px var(--uc-tab-shadow-color, transparent)) @@ -7196,7 +7218,7 @@ /* Remove side's background color border */ #TabsToolbar[brighttext] #tabbrowser-tabs:not([noshadowfortests]) - .tabbrowser-tab:is([visuallyselected="true"], [multiselected]) + .tabbrowser-tab:is([visuallyselected], [multiselected]) > .tab-stack > .tab-background:-moz-lwtheme { --tabs-border-color: rgba(0, 0, 0, 0.3) !important; @@ -7204,7 +7226,7 @@ } #TabsToolbar:not([brighttext]) #tabbrowser-tabs:not([noshadowfortests]) - .tabbrowser-tab:is([visuallyselected="true"], [multiselected]) + .tabbrowser-tab:is([visuallyselected], [multiselected]) > .tab-stack > .tab-background { box-shadow: 0 0 1px var(--tabs-border-color), 0 0 4px rgba(128, 128, 142, 0.5) !important; /* Original: 0 0 1px var(--tab-line-color, rgba(128,128,142,0.9)), 0 0 4px rgba(128,128,142,0.5) */ @@ -7668,7 +7690,7 @@ } /* Fix tab overlap #678 */ @supports -moz-bool-pref("userChrome.tab.bottom_rounded_corner") { - tab:where([visuallyselected="true"]) { + tab:where([visuallyselected]) { z-index: 1; } } @@ -7717,14 +7739,14 @@ --tab-label-mask-size: 30%; } #tabbrowser-tabs[closebuttons="activetab"] - .tabbrowser-tab:is([visuallyselected="true"], [multiselected="true"]) + .tabbrowser-tab:is([visuallyselected], [multiselected="true"]) .tab-label-container { --tab-label-mask-size: 25%; } - .tabbrowser-tab[visuallyselected="true"]:not([labelendaligned]):hover .tab-label-container, + .tabbrowser-tab[visuallyselected]:not([labelendaligned]):hover .tab-label-container, #tabbrowser-tabs:not([closebuttons="activetab"]) > #tabbrowser-arrowscrollbox - > .tabbrowser-tab:not([visuallyselected="true"], [labelendaligned]):hover + > .tabbrowser-tab:not([visuallyselected], [labelendaligned]):hover .tab-label-container { --tab-label-mask-size: 0.9em; /* Original: 1em */ } @@ -7736,7 +7758,7 @@ > .tabbrowser-tab:not([pinned]) > .tab-stack > .tab-content - > .tab-close-button:not([selected="true"]) { + > .tab-close-button:not([selected]) { display: inline-flex !important; display: -moz-inline-box !important; } @@ -8227,10 +8249,8 @@ opacity: 0; } /* Pinned Tab - Titlechanged Indicator override */ - .tabbrowser-tab:is([image], [pinned])[usercontextid] - > .tab-stack - > .tab-content[attention]:not([selected="true"]), - .tabbrowser-tab[usercontextid] > .tab-stack > .tab-content[pinned][titlechanged]:not([selected="true"]) { + .tabbrowser-tab:is([image], [pinned])[usercontextid] > .tab-stack > .tab-content[attention]:not([selected]), + .tabbrowser-tab[usercontextid] > .tab-stack > .tab-content[pinned][titlechanged]:not([selected]) { /* Original: radial-gradient(circle, var(--attention-icon-color), var(--attention-icon-color) 2px, transparent 2px); */ --dotted-identity-image: radial-gradient( circle, @@ -8241,34 +8261,34 @@ background-image: var(--dotted-identity-image), var(--dotted-identity-image), var(--dotted-identity-image) !important; background-position-x: var(--uc-titlechanged-container-position-x) !important; } - .tabbrowser-tab:is([image], [pinned]) > .tab-stack > .tab-content[attention]:not([selected="true"]), - .tabbrowser-tab > .tab-stack > .tab-content[pinned][titlechanged]:not([selected="true"]) { + .tabbrowser-tab:is([image], [pinned]) > .tab-stack > .tab-content[attention]:not([selected]), + .tabbrowser-tab > .tab-stack > .tab-content[pinned][titlechanged]:not([selected]) { /* Original: center bottom calc(6.5px + var(--tabs-navbar-shadow-size)); */ background-position-y: top var(--uc-container-position-y) !important; } /* Pinned Tab - Titlechanged & soundplaying */ .tabbrowser-tab:is([image], [pinned])[usercontextid]:is([soundplaying], [muted], [activemedia-blocked]) > .tab-stack - > .tab-content[attention]:not([selected="true"]), + > .tab-content[attention]:not([selected]), .tabbrowser-tab[usercontextid]:is([soundplaying], [muted], [activemedia-blocked]) > .tab-stack - > .tab-content[pinned][titlechanged]:not([selected="true"]) { + > .tab-content[pinned][titlechanged]:not([selected]) { --uc-titlechanged-container-position-x: calc(32% - 1px), calc(50% - 1px), calc(70% - 1px); } :root[uidensity="compact"] .tabbrowser-tab:is([image], [pinned])[usercontextid]:is([soundplaying], [muted], [activemedia-blocked]) > .tab-stack - > .tab-content[attention]:not([selected="true"]), + > .tab-content[attention]:not([selected]), :root[uidensity="compact"] .tabbrowser-tab[usercontextid]:is([soundplaying], [muted], [activemedia-blocked]) > .tab-stack - > .tab-content[pinned][titlechanged]:not([selected="true"]) { + > .tab-content[pinned][titlechanged]:not([selected]) { --uc-titlechanged-container-position-x: calc(30% - 1px), calc(50% - 1px), calc(70% - 1px); } } @supports -moz-bool-pref("userChrome.tab.container.on_top") { - .tabbrowser-tab:is([image], [pinned]) > .tab-stack > .tab-content[attention]:not([selected="true"]), - .tabbrowser-tab > .tab-stack > .tab-content[pinned][titlechanged]:not([selected="true"]) { + .tabbrowser-tab:is([image], [pinned]) > .tab-stack > .tab-content[attention]:not([selected]), + .tabbrowser-tab > .tab-stack > .tab-content[pinned][titlechanged]:not([selected]) { /* Original: center bottom calc(6.5px + var(--tabs-navbar-shadow-size)); */ background-position-y: top var(--uc-container-position-y-bottom) !important; } @@ -8722,6 +8742,9 @@ #sidebar { display: block; } + #main-window > body > box { + z-index: 2 !important; + } } @supports -moz-bool-pref("userChrome.sidebar.overlap") { #sidebar-box[positionend="true"] { @@ -9461,9 +9484,11 @@ /** Centered ******************************************************************/ /*= Centered - Tab ===========================================================*/ @supports -moz-bool-pref("userChrome.centered.tab") { - .tabbrowser-tab[selected]:not(:hover) .tab-label-container:not([textoverflow]), - .tabbrowser-tab:not(:hover, [pinned]) .tab-label-container:not([textoverflow]) { - margin-inline-end: 5px; + @supports -moz-bool-pref("userChrome.centered.tab.label") { + .tabbrowser-tab[selected]:not(:hover) .tab-label-container:not([textoverflow]), + .tabbrowser-tab:not(:hover, [pinned]) .tab-label-container:not([textoverflow]) { + margin-inline-end: 5px; + } } @supports -moz-bool-pref("userChrome.tab.close_button_at_hover") { #tabbrowser-tabs[closebuttons="activetab"] @@ -9480,21 +9505,29 @@ } @supports not -moz-bool-pref("userChrome.centered.tab.label") { .tab-icon-stack { - flex: 1; - -moz-box-flex: 1; - justify-content: end; + margin-inline-start: auto; + } + .tab-label-container { + max-width: min-content; + margin-inline-end: auto; + } + @supports -moz-bool-pref("userChrome.tab.close_button_at_hover") { + .tabbrowser-tab:not(:hover, [pinned]) > .tab-stack > .tab-content > .tab-close-button { + padding-inline-start: 6px !important; /* Original: 0px */ + width: 24px !important; /* Original: 17px */ + } } } @supports -moz-bool-pref("userChrome.centered.tab.label") { /* Based on https://github.com/MrOtherGuy/firefox-csshacks/blob/master/chrome/centered_tab_label.css */ .tab-label-container { display: grid; - justify-content: safe center; - align-items: safe center; } .tab-label, .tab-secondary-label { overflow: clip; + justify-self: safe center; + align-self: safe center; } .tabbrowser-tab[selected]:not(:hover) .tab-label-container:not([textoverflow]), .tabbrowser-tab:not(:hover, [pinned]) .tab-label-container:not([textoverflow]) { @@ -10185,7 +10218,7 @@ var(--uc-autohide-sidebar-delay) !important; } #sidebar-box:is(:hover, :focus-within), - #siebar-box:has(#sidebar-switcher-target.active) { + #sidebar-box:has(#sidebar-switcher-target.active) { 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), @@ -10193,8 +10226,8 @@ } #sidebar-box:is(:hover, :focus-within) > #sidebar-header, #sidebar-box:is(:hover, :focus-within) > #sidebar, - #siebar-box:has(#sidebar-switcher-target.active) > #sidebar-header, - #siebar-box:has(#sidebar-switcher-target.active) > #sidebar { + #sidebar-box:has(#sidebar-switcher-target.active) > #sidebar-header, + #sidebar-box:has(#sidebar-switcher-target.active) > #sidebar { transition-delay: 0ms !important; } :root[inFullscreen="true"] #sidebar-box { @@ -10829,6 +10862,9 @@ #save-page-button { list-style-image: url("../icons/toolbarButton-download.svg") !important; } + #open-file-button { + list-style-image: url("../icons/toolbarButton-upload.svg") !important; + } #appMenu-settings-button { list-style-image: url("chrome://global/skin/icons/settings.svg"); } @@ -11241,7 +11277,8 @@ #bookmarksMenuPopup, #menu_ToolsPopup, #windowPopup, - #menu_HelpPopup + #menu_HelpPopup, + #usercssloader-menupopup ) menuitem:not(.menuitem-iconic, .bookmark-item, .in-menulist, [checked="true"]), menupopup:is( @@ -11253,7 +11290,8 @@ #bookmarksMenuPopup, #menu_ToolsPopup, #windowPopup, - #menu_HelpPopup + #menu_HelpPopup, + #usercssloader-menupopup ) menu:not(.menu-iconic, .in-menulist, [checked="true"]), menupopup:is(#organizeButtonPopup, #maintenanceButtonPopup) @@ -11323,7 +11361,8 @@ #bookmarksMenuPopup, #menu_ToolsPopup, #windowPopup, - #menu_HelpPopup + #menu_HelpPopup, + #usercssloader-menupopup ) menuitem:not(.menuitem-iconic, .bookmark-item, .in-menulist, [checked="true"]), menupopup:is( @@ -11335,7 +11374,8 @@ #bookmarksMenuPopup, #menu_ToolsPopup, #windowPopup, - #menu_HelpPopup + #menu_HelpPopup, + #usercssloader-menupopup ) menu:not(.menu-iconic, .in-menulist, [checked="true"]), menupopup:is(#organizeButtonPopup, #maintenanceButtonPopup) @@ -11378,7 +11418,7 @@ calc(3px + var(--context-menu-background-padding-default)) center !important; padding-inline-start: calc(19px + var(--context-menu-background-padding-default)) !important; } - #main-menubar > menu > menupopup { + #main-menubar > menu menupopup { --menuitem-image: none; /* Prevent Image Inheritance */ } @supports not -moz-bool-pref("userChrome.padding.global_menubar") { @@ -11414,7 +11454,8 @@ #bookmarksMenuPopup, #menu_ToolsPopup, #windowPopup, - #menu_HelpPopup + #menu_HelpPopup, + #usercssloader-menupopup ) menuitem:not(.menuitem-iconic, .bookmark-item, .in-menulist, [checked="true"]), menupopup:is( @@ -11426,7 +11467,8 @@ #bookmarksMenuPopup, #menu_ToolsPopup, #windowPopup, - #menu_HelpPopup + #menu_HelpPopup, + #usercssloader-menupopup ) menu:not(.menu-iconic, .in-menulist, [checked="true"]), menupopup:is(#organizeButtonPopup, #maintenanceButtonPopup) @@ -11476,7 +11518,8 @@ #bookmarksMenuPopup, #menu_ToolsPopup, #windowPopup, - #menu_HelpPopup + #menu_HelpPopup, + #usercssloader-menupopup ) menuitem:not(.menuitem-iconic, .bookmark-item, .in-menulist, [checked="true"]), menupopup:is( @@ -11488,7 +11531,8 @@ #bookmarksMenuPopup, #menu_ToolsPopup, #windowPopup, - #menu_HelpPopup + #menu_HelpPopup, + #usercssloader-menupopup ) menu:not(.menu-iconic, .in-menulist, [checked="true"]), menupopup:is(#organizeButtonPopup, #maintenanceButtonPopup) @@ -11572,7 +11616,8 @@ #bookmarksMenuPopup, #menu_ToolsPopup, #windowPopup, - #menu_HelpPopup + #menu_HelpPopup, + #usercssloader-menupopup ) menuitem:not(.menuitem-iconic, .bookmark-item), menupopup:is( @@ -11584,7 +11629,8 @@ #bookmarksMenuPopup, #menu_ToolsPopup, #windowPopup, - #menu_HelpPopup + #menu_HelpPopup, + #usercssloader-menupopup ) menu:not(.menu-iconic) { list-style-image: var(--menuitem-image, url("../icons/blank.svg")) !important; @@ -12394,6 +12440,10 @@ /* checkbox */ --menuitem-image: url("chrome://global/skin/icons/blocked.svg"); } + menuitem[data-l10n-id="popup-show-popup-menuitem"] { + /* checkbox */ + --menuitem-image: url("../icons/eye-show.svg"); + } /*= autohide-context =========================================================*/ #autohide-context > menuitem[data-l10n-id="full-screen-autohide"] { /* checkbox */ @@ -13012,13 +13062,38 @@ list-style-image: url("../icons/refresh-cw.svg"); } #openprofiledir { - list-style-image: url("../icons//folder.svg"); + list-style-image: url("../icons/folder.svg"); } } @supports -moz-bool-pref("userChrome.icon.menu") { + #toggle_sharemode { + --menuitem-image: url("chrome://branding/content/about-logo-private.png"); + } #usercssloader-menu { --menuitem-image: url("../icons/developer.svg"); } + #usercssloader-menupopup > menu[data-l10n-id="css-menu"] { + --menuitem-image: url("../icons/document-css.svg"); + } + #usercssloader-submenupopup > menuitem[data-l10n-id="rebuild-css"] { + --menuitem-image: url("chrome://global/skin/icons/reload.svg"); + } + #usercssloader-submenupopup > menuitem[data-l10n-id="make-browsercss-file"] { + --menuitem-image: url("chrome://global/skin/icons/edit.svg"); + } + #usercssloader-submenupopup > menuitem[data-l10n-id="open-css-folder"] { + --menuitem-image: url("../icons/folder.svg"); + } + #usercssloader-submenupopup > menuitem[data-l10n-id="edit-userChromeCss-editor"] { + --menuitem-image: url("chrome://browser/skin/window.svg"); + } + #usercssloader-submenupopup > menuitem[data-l10n-id="edit-userContentCss-editor"] { + --menuitem-image: url("chrome://global/skin/icons/page-portrait.svg"); + } + #context_toggleToPrivateContainer, + #open_in_private_container { + --menuitem-image: url("../icons/private-favicon.svg"); + } #toggle_statusBar { --menuitem-image: url("../icons/pulse-square.svg"); } diff --git a/css/leptonChromeESR.css b/css/leptonChromeESR.css index a1d69ed..2a177d4 100644 --- a/css/leptonChromeESR.css +++ b/css/leptonChromeESR.css @@ -79,12 +79,12 @@ /* TARGET: original, photon */ #TabsToolbar[brighttext] #tabbrowser-tabs:not([noshadowfortests]) - .tabbrowser-tab:is([visuallyselected="true"], [multiselected]) + .tabbrowser-tab:is([visuallyselected], [multiselected]) > .tab-stack > .tab-background:-moz-lwtheme, #TabsToolbar:not([brighttext]) #tabbrowser-tabs:not([noshadowfortests]) - .tabbrowser-tab:is([visuallyselected="true"], [multiselected]) + .tabbrowser-tab:is([visuallyselected], [multiselected]) > .tab-stack > .tab-background { /* Nightly 96: 1px solid var(--tab-line-color, rgba(128,128,142,0.9)); */ @@ -344,20 +344,20 @@ @media (-moz-gtk-csd-available) and (-moz-toolbar-prefers-color-scheme: light), (-moz-gtk-csd-available) and (prefers-color-scheme: light) { /* Because of - #TabsToolbar:not([brighttext]) #tabbrowser-tabs:not([noshadowfortests]) .tabbrowser-tab:is([visuallyselected=true], [multiselected]) > .tab-stack > .tab-background { + #TabsToolbar:not([brighttext]) #tabbrowser-tabs:not([noshadowfortests]) .tabbrowser-tab:is([visuallyselected], [multiselected]) > .tab-stack > .tab-background { border: 1px solid var(--tab-line-color, rgba(128,128,142,0.9)); box-shadow: 0 0 4px rgba(128,128,142,0.5); } */ #tabbrowser-tabs:not([noshadowfortests]) - .tabbrowser-tab:is([visuallyselected="true"], [multiselected]) + .tabbrowser-tab:is([visuallyselected], [multiselected]) > .tab-stack > .tab-background:not(:-moz-lwtheme) { box-shadow: 0 0 4px rgba(128, 128, 142, 0.5) !important; } #TabsToolbar:not([brighttext]) #tabbrowser-tabs:not([noshadowfortests]) - .tabbrowser-tab:is([visuallyselected="true"], [multiselected]) + .tabbrowser-tab:is([visuallyselected], [multiselected]) > .tab-stack > .tab-background:not(:-moz-lwtheme) { box-shadow: 0 0 1px var(--tab-line-color, rgba(128, 128, 142, 0.9)), 0 0 4px rgba(128, 128, 142, 0.5) !important; @@ -485,17 +485,14 @@ --background-color: rgb(229, 229, 235); --toolbarseparator-color: transparent; } - #TabsToolbar:not(:-moz-lwtheme) - .tabbrowser-tab - > .tab-stack - > .tab-background:not([selected="true"], [multiselected]) { + #TabsToolbar:not(:-moz-lwtheme) .tabbrowser-tab > .tab-stack > .tab-background:not([selected], [multiselected]) { color: var(--background-color); background-color: color-mix(in srgb, currentColor 60%, transparent); } #TabsToolbar:not(:-moz-lwtheme) .tabbrowser-tab:hover > .tab-stack - > .tab-background:not([selected="true"], [multiselected]) { + > .tab-background:not([selected], [multiselected]) { background-color: color-mix( in srgb, currentColor 85%, @@ -746,7 +743,7 @@ } } @media (-moz-os-version: windows-win10), (-moz-platform: windows-win10) { - :root:not(:-moz-lwtheme) { + :root:is(#main-window):not(:-moz-lwtheme) { --arrowpanel-border-color: var(--win-bgcolor) !important; --panel-separator-color: var(--win-bgcolor) !important; } @@ -829,13 +826,13 @@ (-moz-os-version: windows-win10) and (prefers-color-scheme: dark), (-moz-platform: windows-win10) and (-moz-toolbar-prefers-color-scheme: dark), (-moz-platform: windows-win10) and (prefers-color-scheme: dark) { - .sidebar-panel[style="--newtab-background-color: rgba(43, 42, 51, 1); --newtab-text-primary-color: rgba(251, 251, 254, 1); --lwt-sidebar-background-color: rgb(56, 56, 61); --lwt-sidebar-text-color: rgba(249, 249, 250, 1);"], - body[lwt-sidebar][style="--newtab-background-color: rgba(43, 42, 51, 1); --newtab-text-primary-color: rgba(251, 251, 254, 1); --lwt-sidebar-background-color: rgb(56, 56, 61); --lwt-sidebar-text-color: rgba(249, 249, 250, 1);"], - .sidebar-panel[style="--newtab-background-color: rgb(43, 42, 51); --newtab-text-primary-color: rgba(251, 251, 254, 1); --lwt-sidebar-background-color: rgb(56, 56, 61); --lwt-sidebar-text-color: rgba(249, 249, 250, 1);"], - body[lwt-sidebar][style="--newtab-background-color: rgb(43, 42, 51); --newtab-text-primary-color: rgba(251, 251, 254, 1); --lwt-sidebar-background-color: rgb(56, 56, 61); --lwt-sidebar-text-color: rgba(249, 249, 250, 1);"] { + .sidebar-panel[style*="--lwt-sidebar-background-color: rgb(56, 56, 61); --lwt-sidebar-text-color: rgba(249, 249, 250, 1);"], + html[lwt-sidebar][style*="--lwt-sidebar-background-color: rgb(56, 56, 61); --lwt-sidebar-text-color: rgba(249, 249, 250, 1);"], + body[lwt-sidebar][style*="--lwt-sidebar-background-color: rgb(56, 56, 61); --lwt-sidebar-text-color: rgba(249, 249, 250, 1);"] { /* Only darkmode has more: --newtab-background-color-secondary: rgba(66, 65, 77, 1); */ --lwt-sidebar-background-color: var(--win-sidebar-bgcolor) !important; --lwt-sidebar-text-color: var(--win-text-color) !important; + --panel-separator-color: var(--win-border-color) !important; } } @media (-moz-os-version: windows-win10), (-moz-platform: windows-win10) { @@ -1206,13 +1203,13 @@ > #tabbrowser-arrowscrollbox > .tabbrowser-tab > .tab-stack - > .tab-background[selected="true"], + > .tab-background[selected], :root[style*="--lwt-accent-color: rgb(28, 27, 34); --lwt-text-color: rgba(251, 251, 254);"][lwt-default-theme-in-dark-mode] #tabbrowser-tabs:not([movingtab]) > #tabbrowser-arrowscrollbox > .tabbrowser-tab > .tab-stack - > .tab-background[selected="true"] { + > .tab-background[selected] { background: color-mix(in srgb, rgb(255, 255, 255) 15%, -moz-dialog) !important; } } @@ -2166,6 +2163,10 @@ --input-color: var(--arrowpanel-color, FieldText); } /*== Sidebar - Field Color ===================================================*/ + html[lwt-sidebar] body { + background-color: var(--lwt-sidebar-background-color, Field) !important; + color: var(--lwt-sidebar-text-color, FieldText) !important; + } .sidebar-panel #search-box, xul|search-textbox.tabsFilter { --input-bgcolor: color-mix(in srgb, currentColor 30%, transparent); @@ -2453,11 +2454,11 @@ #TabsToolbar { --toolbarseparator-color: transparent; } - #TabsToolbar .tabbrowser-tab > .tab-stack > .tab-background:not([selected="true"], [multiselected]) { + #TabsToolbar .tabbrowser-tab > .tab-stack > .tab-background:not([selected], [multiselected]) { background-color: var(--uc-frame-element-background); } #TabsToolbar #firefox-view-button:hover:not([open]) > .toolbarbutton-icon, - #TabsToolbar .tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected="true"], [multiselected]) { + #TabsToolbar .tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected], [multiselected]) { background-color: var( --toolbarbutton-hover-background ) !important; /* Original: color-mix(in srgb, currentColor 11%, transparent) */ @@ -4051,6 +4052,10 @@ } /** Rounding ******************************************************************/ /** Rounding ******************************************************************/ +.unified-extensions-item-menu-button.subviewbutton { + border-radius: var(--arrowpanel-menuitem-border-radius) !important; +} + @supports -moz-bool-pref("userChrome.rounding.square_tab") { :root { --tab-border-radius: 0 !important; /* Original: 4px */ @@ -4199,6 +4204,12 @@ :root { --tab-block-margin: 2px !important; /* New version of --proton-tab-block-margin */ } + #tabbrowser-tabs[orient="vertical"] { + --tab-block-margin: 4px !important; + } + #tabbrowser-tabs[orient="vertical"] .tabbrowser-tab { + margin-block: -1px !important; + } } @supports -moz-bool-pref("userChrome.tab.photon_like_padding") { :root { @@ -4355,9 +4366,12 @@ .tabbrowser-tab[pinned] { padding-inline: 1px !important; } - .tabbrowser-tab:not([pinned]) { + .tabbrowser-tab:not([pinned]):not(:first-of-type) { margin-inline: -1px !important; } + .tabbrowser-tab:not([pinned]):first-of-type { + margin-inline-end: -1px !important; + } } @supports not -moz-bool-pref("userChrome.tabbar.multi_row") { #TabsToolbar:not([multibar]) .tabbrowser-tab:not(:last-of-type) { @@ -4866,7 +4880,12 @@ } } .unified-extensions-item-menu-button.subviewbutton { - padding: 8px !important; /* Original: var(--arrowpanel-menuitem-padding-inline) */ + padding: 0 !important; /* Original: calc(var(--arrowpanel-menuitem-margin-inline) - 1px) var(--arrowpanel-menuitem-margin-inline) */ + } + @supports -moz-bool-pref("userChrome.panel.full_width_padding") { + .unified-extensions-item-menu-button.subviewbutton { + --arrowpanel-menuitem-padding-inline: var(--arrowpanel-menuitem-padding-block); + } } :root[uidensity="compact"] :is(.unified-extensions-item, .unified-extensions-item-action-button) { padding-block: 0 !important; @@ -7057,7 +7076,7 @@ > #tabbrowser-arrowscrollbox > .tabbrowser-tab > .tab-stack - > .tab-background[selected="true"]:-moz-lwtheme { + > .tab-background[selected]:-moz-lwtheme { /* Original: 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-image: linear-gradient(transparent, transparent), @@ -7069,7 +7088,7 @@ > #tabbrowser-arrowscrollbox > .tabbrowser-tab > .tab-stack - > .tab-background[selected="true"]:-moz-lwtheme { + > .tab-background[selected]:-moz-lwtheme { background-image: linear-gradient(transparent, transparent), linear-gradient(var(--toolbar-bgcolor), var(--toolbar-bgcolor)), var(--lwt-additional-images, none) !important; background-repeat: repeat-x, repeat-x, var(--lwt-background-tiling) !important; @@ -7119,7 +7138,7 @@ outline: 1px solid color-mix(in srgb, var(--focus-outline-color, currentColor) 40%, transparent); outline-offset: -1px; } - .tab-background[multiselected="true"][selected="true"] { + .tab-background[multiselected="true"][selected] { outline-width: 2px; outline-offset: -2px; } @@ -7155,7 +7174,7 @@ ) #TabsToolbar[brighttext] #tabbrowser-tabs:not([noshadowfortests]) - .tabbrowser-tab[visuallyselected="true"]:not(:focus), + .tabbrowser-tab[visuallyselected]:not(:focus), :root:is( [lwtheme-mozlightdark], [style*="--lwt-accent-color: rgb(28, 27, 34); --lwt-text-color: rgba(251, 251, 254);"] @@ -7173,7 +7192,7 @@ ) #TabsToolbar:not([brighttext]) #tabbrowser-tabs:not([noshadowfortests]) - .tabbrowser-tab:is([visuallyselected="true"], [multiselected]) + .tabbrowser-tab:is([visuallyselected], [multiselected]) > .tab-stack > .tab-background:-moz-lwtheme { --uc-tab-shadow-color: var(--uc-tab-shadow-color-bundle); @@ -7186,7 +7205,7 @@ ) #TabsToolbar[brighttext] #tabbrowser-tabs:not([noshadowfortests]) - .tabbrowser-tab:is([visuallyselected="true"], [multiselected]) + .tabbrowser-tab:is([visuallyselected], [multiselected]) > .tab-stack > .tab-background:-moz-lwtheme { filter: drop-shadow(-1px 0px 0px var(--uc-tab-shadow-color, transparent)) @@ -7608,7 +7627,7 @@ /* Remove side's background color border */ #TabsToolbar[brighttext] #tabbrowser-tabs:not([noshadowfortests]) - .tabbrowser-tab:is([visuallyselected="true"], [multiselected]) + .tabbrowser-tab:is([visuallyselected], [multiselected]) > .tab-stack > .tab-background:-moz-lwtheme { --tabs-border-color: rgba(0, 0, 0, 0.3) !important; @@ -7616,7 +7635,7 @@ } #TabsToolbar:not([brighttext]) #tabbrowser-tabs:not([noshadowfortests]) - .tabbrowser-tab:is([visuallyselected="true"], [multiselected]) + .tabbrowser-tab:is([visuallyselected], [multiselected]) > .tab-stack > .tab-background { box-shadow: 0 0 1px var(--tabs-border-color), 0 0 4px rgba(128, 128, 142, 0.5) !important; /* Original: 0 0 1px var(--tab-line-color, rgba(128,128,142,0.9)), 0 0 4px rgba(128,128,142,0.5) */ @@ -8080,7 +8099,7 @@ } /* Fix tab overlap #678 */ @supports -moz-bool-pref("userChrome.tab.bottom_rounded_corner") { - tab:where([visuallyselected="true"]) { + tab:where([visuallyselected]) { z-index: 1; } } @@ -8129,14 +8148,14 @@ --tab-label-mask-size: 30%; } #tabbrowser-tabs[closebuttons="activetab"] - .tabbrowser-tab:is([visuallyselected="true"], [multiselected="true"]) + .tabbrowser-tab:is([visuallyselected], [multiselected="true"]) .tab-label-container { --tab-label-mask-size: 25%; } - .tabbrowser-tab[visuallyselected="true"]:not([labelendaligned]):hover .tab-label-container, + .tabbrowser-tab[visuallyselected]:not([labelendaligned]):hover .tab-label-container, #tabbrowser-tabs:not([closebuttons="activetab"]) > #tabbrowser-arrowscrollbox - > .tabbrowser-tab:not([visuallyselected="true"], [labelendaligned]):hover + > .tabbrowser-tab:not([visuallyselected], [labelendaligned]):hover .tab-label-container { --tab-label-mask-size: 0.9em; /* Original: 1em */ } @@ -8148,7 +8167,7 @@ > .tabbrowser-tab:not([pinned]) > .tab-stack > .tab-content - > .tab-close-button:not([selected="true"]) { + > .tab-close-button:not([selected]) { display: inline-flex !important; display: -moz-inline-box !important; } @@ -8639,10 +8658,8 @@ opacity: 0; } /* Pinned Tab - Titlechanged Indicator override */ - .tabbrowser-tab:is([image], [pinned])[usercontextid] - > .tab-stack - > .tab-content[attention]:not([selected="true"]), - .tabbrowser-tab[usercontextid] > .tab-stack > .tab-content[pinned][titlechanged]:not([selected="true"]) { + .tabbrowser-tab:is([image], [pinned])[usercontextid] > .tab-stack > .tab-content[attention]:not([selected]), + .tabbrowser-tab[usercontextid] > .tab-stack > .tab-content[pinned][titlechanged]:not([selected]) { /* Original: radial-gradient(circle, var(--attention-icon-color), var(--attention-icon-color) 2px, transparent 2px); */ --dotted-identity-image: radial-gradient( circle, @@ -8653,34 +8670,34 @@ background-image: var(--dotted-identity-image), var(--dotted-identity-image), var(--dotted-identity-image) !important; background-position-x: var(--uc-titlechanged-container-position-x) !important; } - .tabbrowser-tab:is([image], [pinned]) > .tab-stack > .tab-content[attention]:not([selected="true"]), - .tabbrowser-tab > .tab-stack > .tab-content[pinned][titlechanged]:not([selected="true"]) { + .tabbrowser-tab:is([image], [pinned]) > .tab-stack > .tab-content[attention]:not([selected]), + .tabbrowser-tab > .tab-stack > .tab-content[pinned][titlechanged]:not([selected]) { /* Original: center bottom calc(6.5px + var(--tabs-navbar-shadow-size)); */ background-position-y: top var(--uc-container-position-y) !important; } /* Pinned Tab - Titlechanged & soundplaying */ .tabbrowser-tab:is([image], [pinned])[usercontextid]:is([soundplaying], [muted], [activemedia-blocked]) > .tab-stack - > .tab-content[attention]:not([selected="true"]), + > .tab-content[attention]:not([selected]), .tabbrowser-tab[usercontextid]:is([soundplaying], [muted], [activemedia-blocked]) > .tab-stack - > .tab-content[pinned][titlechanged]:not([selected="true"]) { + > .tab-content[pinned][titlechanged]:not([selected]) { --uc-titlechanged-container-position-x: calc(32% - 1px), calc(50% - 1px), calc(70% - 1px); } :root[uidensity="compact"] .tabbrowser-tab:is([image], [pinned])[usercontextid]:is([soundplaying], [muted], [activemedia-blocked]) > .tab-stack - > .tab-content[attention]:not([selected="true"]), + > .tab-content[attention]:not([selected]), :root[uidensity="compact"] .tabbrowser-tab[usercontextid]:is([soundplaying], [muted], [activemedia-blocked]) > .tab-stack - > .tab-content[pinned][titlechanged]:not([selected="true"]) { + > .tab-content[pinned][titlechanged]:not([selected]) { --uc-titlechanged-container-position-x: calc(30% - 1px), calc(50% - 1px), calc(70% - 1px); } } @supports -moz-bool-pref("userChrome.tab.container.on_top") { - .tabbrowser-tab:is([image], [pinned]) > .tab-stack > .tab-content[attention]:not([selected="true"]), - .tabbrowser-tab > .tab-stack > .tab-content[pinned][titlechanged]:not([selected="true"]) { + .tabbrowser-tab:is([image], [pinned]) > .tab-stack > .tab-content[attention]:not([selected]), + .tabbrowser-tab > .tab-stack > .tab-content[pinned][titlechanged]:not([selected]) { /* Original: center bottom calc(6.5px + var(--tabs-navbar-shadow-size)); */ background-position-y: top var(--uc-container-position-y-bottom) !important; } @@ -9134,6 +9151,9 @@ #sidebar { display: block; } + #main-window > body > box { + z-index: 2 !important; + } } @supports -moz-bool-pref("userChrome.sidebar.overlap") { #sidebar-box[positionend="true"] { @@ -9873,9 +9893,11 @@ /** Centered ******************************************************************/ /*= Centered - Tab ===========================================================*/ @supports -moz-bool-pref("userChrome.centered.tab") { - .tabbrowser-tab[selected]:not(:hover) .tab-label-container:not([textoverflow]), - .tabbrowser-tab:not(:hover, [pinned]) .tab-label-container:not([textoverflow]) { - margin-inline-end: 5px; + @supports -moz-bool-pref("userChrome.centered.tab.label") { + .tabbrowser-tab[selected]:not(:hover) .tab-label-container:not([textoverflow]), + .tabbrowser-tab:not(:hover, [pinned]) .tab-label-container:not([textoverflow]) { + margin-inline-end: 5px; + } } @supports -moz-bool-pref("userChrome.tab.close_button_at_hover") { #tabbrowser-tabs[closebuttons="activetab"] @@ -9892,21 +9914,29 @@ } @supports not -moz-bool-pref("userChrome.centered.tab.label") { .tab-icon-stack { - flex: 1; - -moz-box-flex: 1; - justify-content: end; + margin-inline-start: auto; + } + .tab-label-container { + max-width: min-content; + margin-inline-end: auto; + } + @supports -moz-bool-pref("userChrome.tab.close_button_at_hover") { + .tabbrowser-tab:not(:hover, [pinned]) > .tab-stack > .tab-content > .tab-close-button { + padding-inline-start: 6px !important; /* Original: 0px */ + width: 24px !important; /* Original: 17px */ + } } } @supports -moz-bool-pref("userChrome.centered.tab.label") { /* Based on https://github.com/MrOtherGuy/firefox-csshacks/blob/master/chrome/centered_tab_label.css */ .tab-label-container { display: grid; - justify-content: safe center; - align-items: safe center; } .tab-label, .tab-secondary-label { overflow: clip; + justify-self: safe center; + align-self: safe center; } .tabbrowser-tab[selected]:not(:hover) .tab-label-container:not([textoverflow]), .tabbrowser-tab:not(:hover, [pinned]) .tab-label-container:not([textoverflow]) { @@ -10605,7 +10635,7 @@ var(--uc-autohide-sidebar-delay) !important; } #sidebar-box:is(:hover, :focus-within), - #siebar-box:has(#sidebar-switcher-target.active) { + #sidebar-box:has(#sidebar-switcher-target.active) { 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), @@ -10613,8 +10643,8 @@ } #sidebar-box:is(:hover, :focus-within) > #sidebar-header, #sidebar-box:is(:hover, :focus-within) > #sidebar, - #siebar-box:has(#sidebar-switcher-target.active) > #sidebar-header, - #siebar-box:has(#sidebar-switcher-target.active) > #sidebar { + #sidebar-box:has(#sidebar-switcher-target.active) > #sidebar-header, + #sidebar-box:has(#sidebar-switcher-target.active) > #sidebar { transition-delay: 0ms !important; } :root[inFullscreen="true"] #sidebar-box { @@ -11249,6 +11279,9 @@ #save-page-button { list-style-image: url("../icons/toolbarButton-download.svg") !important; } + #open-file-button { + list-style-image: url("../icons/toolbarButton-upload.svg") !important; + } #appMenu-settings-button { list-style-image: url("chrome://global/skin/icons/settings.svg"); } @@ -11661,7 +11694,8 @@ #bookmarksMenuPopup, #menu_ToolsPopup, #windowPopup, - #menu_HelpPopup + #menu_HelpPopup, + #usercssloader-menupopup ) menuitem:not(.menuitem-iconic, .bookmark-item, .in-menulist, [checked="true"]), menupopup:is( @@ -11673,7 +11707,8 @@ #bookmarksMenuPopup, #menu_ToolsPopup, #windowPopup, - #menu_HelpPopup + #menu_HelpPopup, + #usercssloader-menupopup ) menu:not(.menu-iconic, .in-menulist, [checked="true"]), menupopup:is(#organizeButtonPopup, #maintenanceButtonPopup) @@ -11743,7 +11778,8 @@ #bookmarksMenuPopup, #menu_ToolsPopup, #windowPopup, - #menu_HelpPopup + #menu_HelpPopup, + #usercssloader-menupopup ) menuitem:not(.menuitem-iconic, .bookmark-item, .in-menulist, [checked="true"]), menupopup:is( @@ -11755,7 +11791,8 @@ #bookmarksMenuPopup, #menu_ToolsPopup, #windowPopup, - #menu_HelpPopup + #menu_HelpPopup, + #usercssloader-menupopup ) menu:not(.menu-iconic, .in-menulist, [checked="true"]), menupopup:is(#organizeButtonPopup, #maintenanceButtonPopup) @@ -11798,7 +11835,7 @@ calc(3px + var(--context-menu-background-padding-default)) center !important; padding-inline-start: calc(19px + var(--context-menu-background-padding-default)) !important; } - #main-menubar > menu > menupopup { + #main-menubar > menu menupopup { --menuitem-image: none; /* Prevent Image Inheritance */ } @supports not -moz-bool-pref("userChrome.padding.global_menubar") { @@ -11837,7 +11874,8 @@ #bookmarksMenuPopup, #menu_ToolsPopup, #windowPopup, - #menu_HelpPopup + #menu_HelpPopup, + #usercssloader-menupopup ) menuitem:not(.menuitem-iconic, .bookmark-item, .in-menulist, [checked="true"]), menupopup:is( @@ -11849,7 +11887,8 @@ #bookmarksMenuPopup, #menu_ToolsPopup, #windowPopup, - #menu_HelpPopup + #menu_HelpPopup, + #usercssloader-menupopup ) menu:not(.menu-iconic, .in-menulist, [checked="true"]), menupopup:is(#organizeButtonPopup, #maintenanceButtonPopup) @@ -11906,7 +11945,8 @@ #bookmarksMenuPopup, #menu_ToolsPopup, #windowPopup, - #menu_HelpPopup + #menu_HelpPopup, + #usercssloader-menupopup ) menuitem:not(.menuitem-iconic, .bookmark-item, .in-menulist, [checked="true"]), menupopup:is( @@ -11918,7 +11958,8 @@ #bookmarksMenuPopup, #menu_ToolsPopup, #windowPopup, - #menu_HelpPopup + #menu_HelpPopup, + #usercssloader-menupopup ) menu:not(.menu-iconic, .in-menulist, [checked="true"]), menupopup:is(#organizeButtonPopup, #maintenanceButtonPopup) @@ -12085,7 +12126,8 @@ #bookmarksMenuPopup, #menu_ToolsPopup, #windowPopup, - #menu_HelpPopup + #menu_HelpPopup, + #usercssloader-menupopup ) menuitem:not(.menuitem-iconic, .bookmark-item, .in-menulist, [checked="true"]), menupopup:is( @@ -12097,7 +12139,8 @@ #bookmarksMenuPopup, #menu_ToolsPopup, #windowPopup, - #menu_HelpPopup + #menu_HelpPopup, + #usercssloader-menupopup ) menu:not(.menu-iconic, .in-menulist, [checked="true"]), menupopup:is(#organizeButtonPopup, #maintenanceButtonPopup) @@ -12167,7 +12210,8 @@ #bookmarksMenuPopup, #menu_ToolsPopup, #windowPopup, - #menu_HelpPopup + #menu_HelpPopup, + #usercssloader-menupopup ) menuitem:not(.menuitem-iconic, .bookmark-item), menupopup:is( @@ -12179,7 +12223,8 @@ #bookmarksMenuPopup, #menu_ToolsPopup, #windowPopup, - #menu_HelpPopup + #menu_HelpPopup, + #usercssloader-menupopup ) menu:not(.menu-iconic) { list-style-image: var(--menuitem-image, url("../icons/blank.svg")) !important; @@ -13004,6 +13049,10 @@ /* checkbox */ --menuitem-image: url("chrome://global/skin/icons/blocked.svg"); } + menuitem[data-l10n-id="popup-show-popup-menuitem"] { + /* checkbox */ + --menuitem-image: url("../icons/eye-show.svg"); + } /*= autohide-context =========================================================*/ #autohide-context > menuitem[data-l10n-id="full-screen-autohide"] { /* checkbox */ @@ -13622,13 +13671,38 @@ list-style-image: url("../icons/refresh-cw.svg"); } #openprofiledir { - list-style-image: url("../icons//folder.svg"); + list-style-image: url("../icons/folder.svg"); } } @supports -moz-bool-pref("userChrome.icon.menu") { + #toggle_sharemode { + --menuitem-image: url("chrome://branding/content/about-logo-private.png"); + } #usercssloader-menu { --menuitem-image: url("../icons/developer.svg"); } + #usercssloader-menupopup > menu[data-l10n-id="css-menu"] { + --menuitem-image: url("../icons/document-css.svg"); + } + #usercssloader-submenupopup > menuitem[data-l10n-id="rebuild-css"] { + --menuitem-image: url("chrome://global/skin/icons/reload.svg"); + } + #usercssloader-submenupopup > menuitem[data-l10n-id="make-browsercss-file"] { + --menuitem-image: url("chrome://global/skin/icons/edit.svg"); + } + #usercssloader-submenupopup > menuitem[data-l10n-id="open-css-folder"] { + --menuitem-image: url("../icons/folder.svg"); + } + #usercssloader-submenupopup > menuitem[data-l10n-id="edit-userChromeCss-editor"] { + --menuitem-image: url("chrome://browser/skin/window.svg"); + } + #usercssloader-submenupopup > menuitem[data-l10n-id="edit-userContentCss-editor"] { + --menuitem-image: url("chrome://global/skin/icons/page-portrait.svg"); + } + #context_toggleToPrivateContainer, + #open_in_private_container { + --menuitem-image: url("../icons/private-favicon.svg"); + } #toggle_statusBar { --menuitem-image: url("../icons/pulse-square.svg"); } diff --git a/css/leptonContent.css b/css/leptonContent.css index 8dd8bc1..d2512a0 100644 --- a/css/leptonContent.css +++ b/css/leptonContent.css @@ -490,14 +490,24 @@ padding-top: 0 !important; } } - /** Activity Stream - Hide Firefox's logo ***********************************/ + /** Activity Stream - Custom background image *******************************/ @supports -moz-bool-pref("userContent.newTab.background_image") { - body { - background-image: var(--uc-newTab-wallpaper, url("../icons/Forest-trees-sunset-art-picture_3840x2160.jpg")); + body::before { + content: ""; + position: fixed; + width: 100%; + height: 100%; + background-image: var(--uc-newTab-wallpaper, url("../icons/horizon-sunrise.svg")); background-size: cover; /* or auto auto */ background-repeat: no-repeat; background-position: right top; background-attachment: fixed; + /** Use night sky version in dark mode **********************************/ + } + @media (prefers-color-scheme: dark) { + body::before { + background-image: var(--uc-newTab-wallpaper, url("../icons/horizon-night.svg")); + } } } } @@ -2172,18 +2182,21 @@ height: 48px; } } - @-moz-document url-prefix("about:preferences") { - #handlersView > richlistitem:hover, + @-moz-document url-prefix("about:preferences"), url-prefix("chrome://browser/content/preferences/dialogs/"), url-prefix("chrome://pippki/content/") + { + :is(.contentPane, .main-content, #certmanagertabs) richlistbox > richlistitem:hover, #translations-manage-install-list > .translations-manage-language:hover { background-color: var(--in-content-item-hover); color: var(--in-content-item-hover-text); } - #handlersView > richlistitem[selected="true"], + :is(.contentPane, .main-content, #certmanagertabs) richlistbox > richlistitem[selected="true"], #translations-manage-install-list > .translations-manage-language[selected="true"] { background-color: var(--in-content-item-selected); color: var(--in-content-item-selected-text); } - #handlersView > richlistitem:nth-child(even):not([selected="true"], :hover), + :is(.contentPane, .main-content, #certmanagertabs) + richlistbox + > richlistitem:nth-child(even):not([selected="true"], :hover), #translations-manage-install-list > .translations-manage-language:nth-child(even):not([selected="true"], :hover) { background-color: var(--in-content-box-background-odd); } @@ -2951,6 +2964,12 @@ } /** Rounding ******************************************************************/ @supports -moz-bool-pref("userChrome.rounding.square_button") { + .all-buttons-container, + .highlight-buttons > button, + .cancel-shot, + #pictureInPictureToggle > .pip-small { + border-radius: 0 !important; + } @-moz-document url-prefix("about:"), regexp("^chrome://\\w+/content/.*.xhtml$") { button:not(.toggle-button), diff --git a/css/leptonContentESR.css b/css/leptonContentESR.css index fb0fd2c..e5288cf 100644 --- a/css/leptonContentESR.css +++ b/css/leptonContentESR.css @@ -490,14 +490,24 @@ padding-top: 0 !important; } } - /** Activity Stream - Hide Firefox's logo ***********************************/ + /** Activity Stream - Custom background image *******************************/ @supports -moz-bool-pref("userContent.newTab.background_image") { - body { - background-image: var(--uc-newTab-wallpaper, url("../icons/Forest-trees-sunset-art-picture_3840x2160.jpg")); + body::before { + content: ""; + position: fixed; + width: 100%; + height: 100%; + background-image: var(--uc-newTab-wallpaper, url("../icons/horizon-sunrise.svg")); background-size: cover; /* or auto auto */ background-repeat: no-repeat; background-position: right top; background-attachment: fixed; + /** Use night sky version in dark mode **********************************/ + } + @media (-moz-toolbar-prefers-color-scheme: dark), (prefers-color-scheme: dark) { + body::before { + background-image: var(--uc-newTab-wallpaper, url("../icons/horizon-night.svg")); + } } } } @@ -2175,18 +2185,21 @@ height: 48px; } } - @-moz-document url-prefix("about:preferences") { - #handlersView > richlistitem:hover, + @-moz-document url-prefix("about:preferences"), url-prefix("chrome://browser/content/preferences/dialogs/"), url-prefix("chrome://pippki/content/") + { + :is(.contentPane, .main-content, #certmanagertabs) richlistbox > richlistitem:hover, #translations-manage-install-list > .translations-manage-language:hover { background-color: var(--in-content-item-hover); color: var(--in-content-item-hover-text); } - #handlersView > richlistitem[selected="true"], + :is(.contentPane, .main-content, #certmanagertabs) richlistbox > richlistitem[selected="true"], #translations-manage-install-list > .translations-manage-language[selected="true"] { background-color: var(--in-content-item-selected); color: var(--in-content-item-selected-text); } - #handlersView > richlistitem:nth-child(even):not([selected="true"], :hover), + :is(.contentPane, .main-content, #certmanagertabs) + richlistbox + > richlistitem:nth-child(even):not([selected="true"], :hover), #translations-manage-install-list > .translations-manage-language:nth-child(even):not([selected="true"], :hover) { background-color: var(--in-content-box-background-odd); } @@ -2954,6 +2967,12 @@ } /** Rounding ******************************************************************/ @supports -moz-bool-pref("userChrome.rounding.square_button") { + .all-buttons-container, + .highlight-buttons > button, + .cancel-shot, + #pictureInPictureToggle > .pip-small { + border-radius: 0 !important; + } @-moz-document url-prefix("about:"), regexp("^chrome://\\w+/content/.*.xhtml$") { button:not(.toggle-button), diff --git a/docs/README.md b/docs/README.md index d82589f..f7c5a93 100644 --- a/docs/README.md +++ b/docs/README.md @@ -37,6 +37,9 @@ Firefox Documents: Test for non-Mac users: - [Docker-OSX](https://github.com/sickcodes/Docker-OSX) +If you have difficulty contributing, please feel free to [click this link](https://github.com/black7375/Firefox-UI-Fix/discussions/new?category=help-contribute-to-this-project) to explain. +I will help you as much as I know. + ## Project-Specific ### Environment [`git`](https://git-scm.com/) and [`yarn`](https://yarnpkg.com/) must be installed. diff --git a/icons/Forest-trees-sunset-art-picture_3840x2160.jpg b/icons/Forest-trees-sunset-art-picture_3840x2160.jpg deleted file mode 100644 index 674893e..0000000 Binary files a/icons/Forest-trees-sunset-art-picture_3840x2160.jpg and /dev/null differ diff --git a/icons/horizon-night.svg b/icons/horizon-night.svg new file mode 100644 index 0000000..6459344 --- /dev/null +++ b/icons/horizon-night.svg @@ -0,0 +1,114 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/icons/horizon-sunrise.svg b/icons/horizon-sunrise.svg new file mode 100644 index 0000000..ee37718 --- /dev/null +++ b/icons/horizon-sunrise.svg @@ -0,0 +1,172 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/autohide/sidebar/_overlap.scss b/src/autohide/sidebar/_overlap.scss index 89727e8..ab29ef2 100644 --- a/src/autohide/sidebar/_overlap.scss +++ b/src/autohide/sidebar/_overlap.scss @@ -48,7 +48,7 @@ } #sidebar-box:is(:hover, :focus-within), - #siebar-box:has(#sidebar-switcher-target.active) { + #sidebar-box:has(#sidebar-switcher-target.active) { 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; > { diff --git a/src/centered/tab/_content.scss b/src/centered/tab/_content.scss index 5875497..027873d 100644 --- a/src/centered/tab/_content.scss +++ b/src/centered/tab/_content.scss @@ -1,4 +1,13 @@ .tab-icon-stack { - @include BoxFlex(1); - justify-content: end; + margin-inline-start: auto; +} +.tab-label-container { + max-width: min-content; + margin-inline-end: auto; +} +@include Option("userChrome.tab.close_button_at_hover") { + .tabbrowser-tab:not(:hover, [pinned]) > .tab-stack > .tab-content > .tab-close-button { + padding-inline-start: 6px !important; /* Original: 0px */ + width: 24px !important; /* Original: 17px */ + } } diff --git a/src/centered/tab/_label.scss b/src/centered/tab/_label.scss index 1cdb5dc..89cb18a 100644 --- a/src/centered/tab/_label.scss +++ b/src/centered/tab/_label.scss @@ -1,12 +1,14 @@ /* Based on https://github.com/MrOtherGuy/firefox-csshacks/blob/master/chrome/centered_tab_label.css */ .tab-label-container { display: grid; - justify-content: safe center; - align-items: safe center; } .tab-label, .tab-secondary-label { overflow: clip; + + // #761 + justify-self: safe center; + align-self: safe center; } .tabbrowser-tab[selected]:not(:hover) .tab-label-container:not([textoverflow]), diff --git a/src/centered/tab/_layout.scss b/src/centered/tab/_layout.scss index a26f220..4e75e65 100644 --- a/src/centered/tab/_layout.scss +++ b/src/centered/tab/_layout.scss @@ -1,6 +1,8 @@ -.tabbrowser-tab[selected]:not(:hover) .tab-label-container:not([textoverflow]), -.tabbrowser-tab:not(:hover,[pinned]) .tab-label-container:not([textoverflow]) { - margin-inline-end: 5px; +@include Option("userChrome.centered.tab.label") { + .tabbrowser-tab[selected]:not(:hover) .tab-label-container:not([textoverflow]), + .tabbrowser-tab:not(:hover,[pinned]) .tab-label-container:not([textoverflow]) { + margin-inline-end: 5px; + } } @include Option("userChrome.tab.close_button_at_hover") { diff --git a/src/compatibility/_os.scss b/src/compatibility/_os.scss index 1acca2b..6557c55 100644 --- a/src/compatibility/_os.scss +++ b/src/compatibility/_os.scss @@ -192,7 +192,7 @@ $_os_linuxDefaultShadow: 0 0 4px rgba(128, 128, 142, 0.5); @mixin _os_linuxDefaultThemeSelectedTab { #tabbrowser-tabs:not([noshadowfortests]) - .tabbrowser-tab:is([visuallyselected="true"], [multiselected]) + .tabbrowser-tab:is([visuallyselected], [multiselected]) > .tab-stack > .tab-background:not(:-moz-lwtheme) { @content; @@ -204,7 +204,7 @@ $_os_linuxDefaultShadow: 0 0 4px rgba(128, 128, 142, 0.5); @include OS($linux) { @include Light { /* Because of - #TabsToolbar:not([brighttext]) #tabbrowser-tabs:not([noshadowfortests]) .tabbrowser-tab:is([visuallyselected=true], [multiselected]) > .tab-stack > .tab-background { + #TabsToolbar:not([brighttext]) #tabbrowser-tabs:not([noshadowfortests]) .tabbrowser-tab:is([visuallyselected], [multiselected]) > .tab-stack > .tab-background { border: 1px solid var(--tab-line-color, rgba(128,128,142,0.9)); box-shadow: 0 0 4px rgba(128,128,142,0.5); } diff --git a/src/compatibility/_theme.scss b/src/compatibility/_theme.scss index 418fad8..d9173b0 100644 --- a/src/compatibility/_theme.scss +++ b/src/compatibility/_theme.scss @@ -64,7 +64,7 @@ menu { @each $prefix, $postfix in $options { #TabsToolbar#{$prefix} #tabbrowser-tabs:not([noshadowfortests]) - .tabbrowser-tab:is([visuallyselected="true"], [multiselected]) + .tabbrowser-tab:is([visuallyselected], [multiselected]) > .tab-stack > .tab-background#{$postfix} { @extend %noneBorder; diff --git a/src/contents/_activity_stream.scss b/src/contents/_activity_stream.scss index a0ea116..696a722 100644 --- a/src/contents/_activity_stream.scss +++ b/src/contents/_activity_stream.scss @@ -218,15 +218,25 @@ } } - /** Activity Stream - Hide Firefox's logo ***********************************/ + /** Activity Stream - Custom background image *******************************/ @include Option("userContent.newTab.background_image") { - body { + body::before { + content: ''; + position: fixed; + width: 100%; + height: 100%; + // https://best-wallpaper.net/Forest-trees-sunset-art-picture_wallpapers.html - background-image: var(--uc-newTab-wallpaper, url("../icons/Forest-trees-sunset-art-picture_3840x2160.jpg")); + background-image: var(--uc-newTab-wallpaper, url("../icons/horizon-sunrise.svg")); background-size: cover; /* or auto auto */ background-repeat: no-repeat; background-position: right top; background-attachment: fixed; + + /** Use night sky version in dark mode **********************************/ + @include Dark { + background-image: var(--uc-newTab-wallpaper, url("../icons/horizon-night.svg")); + } } } } diff --git a/src/contents/_rounding.scss b/src/contents/_rounding.scss index b6de0a6..c22ac81 100644 --- a/src/contents/_rounding.scss +++ b/src/contents/_rounding.scss @@ -1,4 +1,14 @@ @include Option("userChrome.rounding.square_button") { + // #firefox-screenshots-selection-iframe + .all-buttons-container, + .highlight-buttons > button, + .cancel-shot, + + // Video player + #pictureInPictureToggle > .pip-small { + border-radius: 0 !important; + } + @include moz-document( url-prefix "about:", regexp "^chrome:\/\/\\w+\/content\/.*\.xhtml$" diff --git a/src/contents/proton_contents/_about_preferences.scss b/src/contents/proton_contents/_about_preferences.scss index 6dcd5f3..d8a43f1 100644 --- a/src/contents/proton_contents/_about_preferences.scss +++ b/src/contents/proton_contents/_about_preferences.scss @@ -2,9 +2,13 @@ @import "../../theme/proton_chrome/sanitize_everything"; } -@include moz-document(url-prefix "about:preferences") { - // Odd table #737 - #handlersView > richlistitem, +@include moz-document( + url-prefix "about:preferences", + url-prefix "chrome://browser/content/preferences/dialogs/", + url-prefix "chrome://pippki/content/" +) { + // Odd table #737 #751 #783 + :is(.contentPane, .main-content, #certmanagertabs) richlistbox > richlistitem, #translations-manage-install-list > .translations-manage-language { &:hover { background-color: var(--in-content-item-hover); diff --git a/src/icons/_panel.scss b/src/icons/_panel.scss index ce8e55e..0c880b7 100644 --- a/src/icons/_panel.scss +++ b/src/icons/_panel.scss @@ -107,6 +107,10 @@ // #496 #553 list-style-image: url("../icons/toolbarButton-download.svg") !important; } +#open-file-button { + // #775 + list-style-image: url("../icons/toolbarButton-upload.svg") !important; +} #appMenu-settings-button { list-style-image: url("chrome://global/skin/icons/settings.svg"); diff --git a/src/icons/context_menu/_others.scss b/src/icons/context_menu/_others.scss index 4df45f7..2d7871f 100644 --- a/src/icons/context_menu/_others.scss +++ b/src/icons/context_menu/_others.scss @@ -22,6 +22,11 @@ --menuitem-image: url("chrome://global/skin/icons/blocked.svg"); } +menuitem[data-l10n-id="popup-show-popup-menuitem"] { + /* checkbox */ + --menuitem-image: url("../icons/eye-show.svg"); +} + /*= autohide-context =========================================================*/ #autohide-context > menuitem[data-l10n-id="full-screen-autohide"] { /* checkbox */ diff --git a/src/icons/fork_browsers/_floorp.scss b/src/icons/fork_browsers/_floorp.scss index 0b9f576..140427b 100644 --- a/src/icons/fork_browsers/_floorp.scss +++ b/src/icons/fork_browsers/_floorp.scss @@ -4,13 +4,44 @@ } #openprofiledir { - list-style-image: url("../icons//folder.svg"); + list-style-image: url("../icons/folder.svg"); } } @include Option("userChrome.icon.menu") { + #toggle_sharemode { + --menuitem-image: url("chrome://branding/content/about-logo-private.png"); + } + #usercssloader-menu { --menuitem-image: url("../icons/developer.svg"); } + #usercssloader-menupopup > menu[data-l10n-id="css-menu"] { + --menuitem-image: url("../icons/document-css.svg"); + } + #usercssloader-submenupopup > menuitem { + &[data-l10n-id="rebuild-css"] { + --menuitem-image: url("chrome://global/skin/icons/reload.svg"); + } + + &[data-l10n-id="make-browsercss-file"] { + --menuitem-image: url("chrome://global/skin/icons/edit.svg"); + } + &[data-l10n-id="open-css-folder"] { + --menuitem-image: url("../icons/folder.svg"); + } + &[data-l10n-id="edit-userChromeCss-editor"] { + --menuitem-image: url("chrome://browser/skin/window.svg"); + } + &[data-l10n-id="edit-userContentCss-editor"] { + --menuitem-image: url("chrome://global/skin/icons/page-portrait.svg"); + } + } + + #context_toggleToPrivateContainer, + #open_in_private_container { + --menuitem-image: url("../icons/private-favicon.svg"); + } + #toggle_statusBar { --menuitem-image: url("../icons/pulse-square.svg"); diff --git a/src/icons/layout/_menu.scss b/src/icons/layout/_menu.scss index c705533..03e3bf4 100644 --- a/src/icons/layout/_menu.scss +++ b/src/icons/layout/_menu.scss @@ -78,7 +78,7 @@ $_layoutCommonMenus: ( background-position: var(--uc-menu-background-position) calc(3px + var(--context-menu-background-padding-default)) center !important; padding-inline-start: calc(19px + var(--context-menu-background-padding-default)) !important; } - > menupopup { + menupopup { --menuitem-image: none; /* Prevent Image Inheritance */ } @include NotOption("userChrome.padding.global_menubar") { diff --git a/src/icons/layout/_menu_common.scss b/src/icons/layout/_menu_common.scss index 9c58641..d430609 100644 --- a/src/icons/layout/_menu_common.scss +++ b/src/icons/layout/_menu_common.scss @@ -11,7 +11,7 @@ $_iconMenu: "menu:not(.menu-iconic, #{$_iconNoneCommon})"; $_nestedPopup: "> menupopup:not(.in-menulist) >"; $_nestedPopupIcon: ":not(menu, #ContentSelectDropdown) #{$_nestedPopup}"; $_nestedPopupPadding: ":not(menu, #ContentSelectDropdown, #context-navigation) #{$_nestedPopup}"; -$_iconMenuPopup: "menupopup:is(#menu_FilePopup, #menu_EditPopup, #menu_viewPopup, #goPopup, #historyMenuPopup, #bookmarksMenuPopup, #menu_ToolsPopup, #windowPopup, #menu_HelpPopup)"; +$_iconMenuPopup: "menupopup:is(#menu_FilePopup, #menu_EditPopup, #menu_viewPopup, #goPopup, #historyMenuPopup, #bookmarksMenuPopup, #menu_ToolsPopup, #windowPopup, #menu_HelpPopup, #usercssloader-menupopup)"; $_nestedPopupIconMenus: selector.nest( $_nestedPopupIcon, diff --git a/src/padding/_panel.scss b/src/padding/_panel.scss index 757c77e..aa1e14e 100644 --- a/src/padding/_panel.scss +++ b/src/padding/_panel.scss @@ -31,14 +31,14 @@ } .unified-extensions-item { - // #603 + // #603, #735 &-menu-button.subviewbutton { - padding: 8px !important; /* Original: var(--arrowpanel-menuitem-padding-inline) */ + padding: 0 !important; /* Original: calc(var(--arrowpanel-menuitem-margin-inline) - 1px) var(--arrowpanel-menuitem-margin-inline) */ + + @include Option("userChrome.panel.full_width_padding") { + --arrowpanel-menuitem-padding-inline: var(--arrowpanel-menuitem-padding-block); + } } - // Or - // toolbaritem.unified-extensions-item[unified-extensions="true"] .unified-extensions-item-menu-button.subviewbutton { - // padding: var(--arrowpanel-menuitem-padding-inline) !important; - // } // #711 :root[uidensity="compact"] :is(&, &-action-button) { diff --git a/src/padding/_tab_padding.scss b/src/padding/_tab_padding.scss index 363aa95..928b9e4 100644 --- a/src/padding/_tab_padding.scss +++ b/src/padding/_tab_padding.scss @@ -13,6 +13,15 @@ :root { --tab-block-margin: 2px !important; /* New version of --proton-tab-block-margin */ } + + // Floorp vertical tab sideeffect #766 + #tabbrowser-tabs[orient="vertical"] { + --tab-block-margin: 4px !important; + + .tabbrowser-tab { + margin-block: -1px !important; + } + } } @include Option("userChrome.tab.photon_like_padding") { :root { diff --git a/src/padding/_tabbar_width.scss b/src/padding/_tabbar_width.scss index c2f84ca..290eb50 100644 --- a/src/padding/_tabbar_width.scss +++ b/src/padding/_tabbar_width.scss @@ -107,7 +107,12 @@ padding-inline: 1px !important; } &:not([pinned]) { - margin-inline: -1px !important; + &:not(:first-of-type) { + margin-inline: -1px !important; + } + &:first-of-type { + margin-inline-end: -1px !important; + } } } } diff --git a/src/rounding/_index.scss b/src/rounding/_index.scss index 6bfaa25..fd32e3a 100644 --- a/src/rounding/_index.scss +++ b/src/rounding/_index.scss @@ -1,4 +1,5 @@ /** Rounding ******************************************************************/ +@import "round"; @import "square"; @import "dialog"; @import "library"; diff --git a/src/rounding/_round.scss b/src/rounding/_round.scss new file mode 100644 index 0000000..2b19686 --- /dev/null +++ b/src/rounding/_round.scss @@ -0,0 +1,4 @@ +// #735 +.unified-extensions-item-menu-button.subviewbutton { + border-radius: var(--arrowpanel-menuitem-border-radius) !important; +} diff --git a/src/sidebar/_overlap.scss b/src/sidebar/_overlap.scss index e318acb..b1f1585 100644 --- a/src/sidebar/_overlap.scss +++ b/src/sidebar/_overlap.scss @@ -45,6 +45,11 @@ #sidebar { display: block; } + + // #navigator-toolbox-background + #main-window > body > box { + z-index: 2 !important; + } } @include Option("userChrome.sidebar.overlap") { diff --git a/src/tab/_container_tab.scss b/src/tab/_container_tab.scss index 139ccae..7444a50 100644 --- a/src/tab/_container_tab.scss +++ b/src/tab/_container_tab.scss @@ -76,8 +76,8 @@ } /* Pinned Tab - Titlechanged Indicator override */ - .tabbrowser-tab:is([image], [pinned])[usercontextid] > .tab-stack > .tab-content[attention]:not([selected="true"]), - .tabbrowser-tab[usercontextid] > .tab-stack > .tab-content[pinned][titlechanged]:not([selected="true"]) { + .tabbrowser-tab:is([image], [pinned])[usercontextid] > .tab-stack > .tab-content[attention]:not([selected]), + .tabbrowser-tab[usercontextid] > .tab-stack > .tab-content[pinned][titlechanged]:not([selected]) { /* Original: radial-gradient(circle, var(--attention-icon-color), var(--attention-icon-color) 2px, transparent 2px); */ --dotted-identity-image: radial-gradient( circle, @@ -89,8 +89,8 @@ background-position-x: var(--uc-titlechanged-container-position-x) !important; } - .tabbrowser-tab:is([image], [pinned]) > .tab-stack > .tab-content[attention]:not([selected="true"]), - .tabbrowser-tab > .tab-stack > .tab-content[pinned][titlechanged]:not([selected="true"]) { + .tabbrowser-tab:is([image], [pinned]) > .tab-stack > .tab-content[attention]:not([selected]), + .tabbrowser-tab > .tab-stack > .tab-content[pinned][titlechanged]:not([selected]) { /* Original: center bottom calc(6.5px + var(--tabs-navbar-shadow-size)); */ background-position-y: top var(--uc-container-position-y) !important; } @@ -98,27 +98,27 @@ /* Pinned Tab - Titlechanged & soundplaying */ .tabbrowser-tab:is([image], [pinned])[usercontextid]:is([soundplaying], [muted], [activemedia-blocked]) > .tab-stack - > .tab-content[attention]:not([selected="true"]), + > .tab-content[attention]:not([selected]), .tabbrowser-tab[usercontextid]:is([soundplaying], [muted], [activemedia-blocked]) > .tab-stack - > .tab-content[pinned][titlechanged]:not([selected="true"]) { + > .tab-content[pinned][titlechanged]:not([selected]) { --uc-titlechanged-container-position-x: calc(32% - 1px), calc(50% - 1px), calc(70% - 1px); } :root[uidensity="compact"] .tabbrowser-tab:is([image], [pinned])[usercontextid]:is([soundplaying], [muted], [activemedia-blocked]) > .tab-stack - > .tab-content[attention]:not([selected="true"]), + > .tab-content[attention]:not([selected]), :root[uidensity="compact"] .tabbrowser-tab[usercontextid]:is([soundplaying], [muted], [activemedia-blocked]) > .tab-stack - > .tab-content[pinned][titlechanged]:not([selected="true"]) { + > .tab-content[pinned][titlechanged]:not([selected]) { --uc-titlechanged-container-position-x: calc(30% - 1px), calc(50% - 1px), calc(70% - 1px); } } @include Option("userChrome.tab.container.on_top") { - .tabbrowser-tab:is([image], [pinned]) > .tab-stack > .tab-content[attention]:not([selected="true"]), - .tabbrowser-tab > .tab-stack > .tab-content[pinned][titlechanged]:not([selected="true"]) { + .tabbrowser-tab:is([image], [pinned]) > .tab-stack > .tab-content[attention]:not([selected]), + .tabbrowser-tab > .tab-stack > .tab-content[pinned][titlechanged]:not([selected]) { /* Original: center bottom calc(6.5px + var(--tabs-navbar-shadow-size)); */ background-position-y: top var(--uc-container-position-y-bottom) !important; } diff --git a/src/tab/clipped_tab/_letters_cleary.scss b/src/tab/clipped_tab/_letters_cleary.scss index 8b9f899..2151ded 100644 --- a/src/tab/clipped_tab/_letters_cleary.scss +++ b/src/tab/clipped_tab/_letters_cleary.scss @@ -24,12 +24,12 @@ .tab-label-container { --tab-label-mask-size: 30%; } - &:is([visuallyselected="true"], [multiselected="true"]) .tab-label-container { + &:is([visuallyselected], [multiselected="true"]) .tab-label-container { --tab-label-mask-size: 25%; } } -.tabbrowser-tab[visuallyselected=true]:not([labelendaligned]):hover .tab-label-container, -#tabbrowser-tabs:not([closebuttons=activetab]) > #tabbrowser-arrowscrollbox > .tabbrowser-tab:not([visuallyselected=true],[labelendaligned]):hover .tab-label-container { +.tabbrowser-tab[visuallyselected]:not([labelendaligned]):hover .tab-label-container, +#tabbrowser-tabs:not([closebuttons=activetab]) > #tabbrowser-arrowscrollbox > .tabbrowser-tab:not([visuallyselected],[labelendaligned]):hover .tab-label-container { --tab-label-mask-size: 0.9em; /* Original: 1em */ } diff --git a/src/tab/clipped_tab/_show_close_button_at_hover.scss b/src/tab/clipped_tab/_show_close_button_at_hover.scss index 8b3e8fe..8629f5e 100644 --- a/src/tab/clipped_tab/_show_close_button_at_hover.scss +++ b/src/tab/clipped_tab/_show_close_button_at_hover.scss @@ -23,7 +23,7 @@ > .tabbrowser-tab:not([pinned]) > .tab-stack > .tab-content - > .tab-close-button:not([selected="true"]) { + > .tab-close-button:not([selected]) { @include InlineBox(true); } diff --git a/src/tab/newtab_button/_looks_like_tab.scss b/src/tab/newtab_button/_looks_like_tab.scss index ef6e103..c1fbc91 100644 --- a/src/tab/newtab_button/_looks_like_tab.scss +++ b/src/tab/newtab_button/_looks_like_tab.scss @@ -146,7 +146,7 @@ /* Fix tab overlap #678 */ @include Option("userChrome.tab.bottom_rounded_corner") { - tab:where([visuallyselected="true"]) { + tab:where([visuallyselected]) { z-index: 1; } } diff --git a/src/tab/selected_tab/_box_shadow.scss b/src/tab/selected_tab/_box_shadow.scss index 02d5a2c..a6a6652 100644 --- a/src/tab/selected_tab/_box_shadow.scss +++ b/src/tab/selected_tab/_box_shadow.scss @@ -26,7 +26,7 @@ $ucTabBackgroundShadowHard: drop-shadow(-1px 0px 0px var(--uc-tab-shadow-color, } } - &[visuallyselected="true"]:not(:focus), + &[visuallyselected]:not(:focus), &[multiselected]:not([visuallyselected]) { // 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) */ @@ -40,7 +40,7 @@ $ucTabBackgroundShadowHard: drop-shadow(-1px 0px 0px var(--uc-tab-shadow-color, :root:not([lwtheme-mozlightdark], [style*="--lwt-accent-color: rgb(240, 240, 244); --lwt-text-color: rgba(21, 20, 26);"]) #TabsToolbar:not([brighttext]) #tabbrowser-tabs:not([noshadowfortests]) - .tabbrowser-tab:is([visuallyselected="true"], [multiselected]) + .tabbrowser-tab:is([visuallyselected], [multiselected]) > .tab-stack > .tab-background:-moz-lwtheme { --uc-tab-shadow-color: var(--uc-tab-shadow-color-bundle); @@ -51,7 +51,7 @@ $ucTabBackgroundShadowHard: drop-shadow(-1px 0px 0px var(--uc-tab-shadow-color, :root:not([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]) + .tabbrowser-tab:is([visuallyselected], [multiselected]) > .tab-stack > .tab-background:-moz-lwtheme { filter: $ucTabBackgroundShadowHard; diff --git a/src/tab/selected_tab/_color_like_toolbar.scss b/src/tab/selected_tab/_color_like_toolbar.scss index e88032a..48b673e 100644 --- a/src/tab/selected_tab/_color_like_toolbar.scss +++ b/src/tab/selected_tab/_color_like_toolbar.scss @@ -7,7 +7,7 @@ > #tabbrowser-arrowscrollbox > .tabbrowser-tab > .tab-stack - > .tab-background[selected="true"]:-moz-lwtheme { + > .tab-background[selected]:-moz-lwtheme { /* Original: 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-image: linear-gradient(transparent, transparent), diff --git a/src/tab/selected_tab/_multi_selected.scss b/src/tab/selected_tab/_multi_selected.scss index 225d5c3..a5605d7 100644 --- a/src/tab/selected_tab/_multi_selected.scss +++ b/src/tab/selected_tab/_multi_selected.scss @@ -45,7 +45,7 @@ outline-offset: -1px; } - .tab-background[multiselected=true][selected=true] { + .tab-background[multiselected=true][selected] { outline-width: 2px; outline-offset: -2px; } diff --git a/src/tab/selected_tab/_photon_like_contextline.scss b/src/tab/selected_tab/_photon_like_contextline.scss index c98878d..0b5d453 100644 --- a/src/tab/selected_tab/_photon_like_contextline.scss +++ b/src/tab/selected_tab/_photon_like_contextline.scss @@ -50,7 +50,7 @@ /* Remove side's background color border */ #TabsToolbar[brighttext] #tabbrowser-tabs:not([noshadowfortests]) - .tabbrowser-tab:is([visuallyselected="true"], [multiselected]) + .tabbrowser-tab:is([visuallyselected], [multiselected]) > .tab-stack > .tab-background:-moz-lwtheme { --tabs-border-color: rgba(0, 0, 0, 0.3) !important; @@ -58,7 +58,7 @@ } #TabsToolbar:not([brighttext]) #tabbrowser-tabs:not([noshadowfortests]) - .tabbrowser-tab:is([visuallyselected="true"], [multiselected]) + .tabbrowser-tab:is([visuallyselected], [multiselected]) > .tab-stack > .tab-background { box-shadow: 0 0 1px var(--tabs-border-color), 0 0 4px rgba(128, 128, 142, 0.5) !important; /* Original: 0 0 1px var(--tab-line-color, rgba(128,128,142,0.9)), 0 0 4px rgba(128,128,142,0.5) */ diff --git a/src/theme/_fully_color.scss b/src/theme/_fully_color.scss index a389fcf..503bd82 100644 --- a/src/theme/_fully_color.scss +++ b/src/theme/_fully_color.scss @@ -182,6 +182,11 @@ html|button.ghost-button:not(.semi-transparent):enabled:hover:active { } /*== Sidebar - Field Color ===================================================*/ +html[lwt-sidebar] body { + background-color: var(--lwt-sidebar-background-color, Field) !important; + color: var(--lwt-sidebar-text-color, FieldText) !important; +} + .sidebar-panel #search-box, xul|search-textbox.tabsFilter { --input-bgcolor: color-mix(in srgb, currentColor 30%, transparent); diff --git a/src/theme/system_default_theme/_mac.scss b/src/theme/system_default_theme/_mac.scss index b3a2900..c94e52c 100644 --- a/src/theme/system_default_theme/_mac.scss +++ b/src/theme/system_default_theme/_mac.scss @@ -237,13 +237,13 @@ > #tabbrowser-arrowscrollbox > .tabbrowser-tab > .tab-stack - > .tab-background[selected="true"], + > .tab-background[selected], :root[style*="--lwt-accent-color: rgb(28, 27, 34); --lwt-text-color: rgba(251, 251, 254);"][lwt-default-theme-in-dark-mode] #tabbrowser-tabs:not([movingtab]) > #tabbrowser-arrowscrollbox > .tabbrowser-tab > .tab-stack - > .tab-background[selected="true"] { + > .tab-background[selected] { background: color-mix(in srgb, rgb(255, 255, 255) 15%, -moz-dialog) !important; } } diff --git a/src/theme/system_default_theme/_win10.scss b/src/theme/system_default_theme/_win10.scss index c06aea5..6c703fb 100644 --- a/src/theme/system_default_theme/_win10.scss +++ b/src/theme/system_default_theme/_win10.scss @@ -226,7 +226,7 @@ } /*- Separator --------------------------------------------------------------*/ - :root:not(:-moz-lwtheme) { + :root:is(#main-window):not(:-moz-lwtheme) { --arrowpanel-border-color: var(--win-bgcolor) !important; --panel-separator-color: var(--win-bgcolor) !important; } @@ -294,13 +294,13 @@ --sidebar-border-color: var(--win-border-color) !important; } @include Dark { - .sidebar-panel[style="--newtab-background-color: rgba(43, 42, 51, 1); --newtab-text-primary-color: rgba(251, 251, 254, 1); --lwt-sidebar-background-color: rgb(56, 56, 61); --lwt-sidebar-text-color: rgba(249, 249, 250, 1);"], - body[lwt-sidebar][style="--newtab-background-color: rgba(43, 42, 51, 1); --newtab-text-primary-color: rgba(251, 251, 254, 1); --lwt-sidebar-background-color: rgb(56, 56, 61); --lwt-sidebar-text-color: rgba(249, 249, 250, 1);"], - .sidebar-panel[style="--newtab-background-color: rgb(43, 42, 51); --newtab-text-primary-color: rgba(251, 251, 254, 1); --lwt-sidebar-background-color: rgb(56, 56, 61); --lwt-sidebar-text-color: rgba(249, 249, 250, 1);"], /* Nightly */ - body[lwt-sidebar][style="--newtab-background-color: rgb(43, 42, 51); --newtab-text-primary-color: rgba(251, 251, 254, 1); --lwt-sidebar-background-color: rgb(56, 56, 61); --lwt-sidebar-text-color: rgba(249, 249, 250, 1);"] { + .sidebar-panel[style*="--lwt-sidebar-background-color: rgb(56, 56, 61); --lwt-sidebar-text-color: rgba(249, 249, 250, 1);"], + html[lwt-sidebar][style*="--lwt-sidebar-background-color: rgb(56, 56, 61); --lwt-sidebar-text-color: rgba(249, 249, 250, 1);"], + body[lwt-sidebar][style*="--lwt-sidebar-background-color: rgb(56, 56, 61); --lwt-sidebar-text-color: rgba(249, 249, 250, 1);"] { /* Only darkmode has more: --newtab-background-color-secondary: rgba(66, 65, 77, 1); */ --lwt-sidebar-background-color: var(--win-sidebar-bgcolor) !important; --lwt-sidebar-text-color: var(--win-text-color) !important; + --panel-separator-color: var(--win-border-color) !important; } } diff --git a/src/theme/system_default_theme/_win7.scss b/src/theme/system_default_theme/_win7.scss index b2f4cf3..4287787 100644 --- a/src/theme/system_default_theme/_win7.scss +++ b/src/theme/system_default_theme/_win7.scss @@ -7,14 +7,14 @@ #TabsToolbar:not(:-moz-lwtheme) .tabbrowser-tab > .tab-stack - > .tab-background:not([selected="true"], [multiselected]) { + > .tab-background:not([selected], [multiselected]) { color: var(--background-color); background-color: color-mix(in srgb, currentColor 60%, transparent); } #TabsToolbar:not(:-moz-lwtheme) .tabbrowser-tab:hover > .tab-stack - > .tab-background:not([selected="true"], [multiselected]) { + > .tab-background:not([selected], [multiselected]) { background-color: color-mix( in srgb, currentColor 85%, diff --git a/src/theme/transparent/_general_element_background.scss b/src/theme/transparent/_general_element_background.scss index fc375cb..7be0ec1 100644 --- a/src/theme/transparent/_general_element_background.scss +++ b/src/theme/transparent/_general_element_background.scss @@ -50,14 +50,14 @@ .tabbrowser-tab > .tab-stack - > .tab-background:not([selected="true"], [multiselected]) { + > .tab-background:not([selected], [multiselected]) { background-color: var(--uc-frame-element-background); } #firefox-view-button:hover:not([open]) > .toolbarbutton-icon, .tabbrowser-tab:hover > .tab-stack - > .tab-background:not([selected="true"], [multiselected]) { + > .tab-background:not([selected], [multiselected]) { background-color: var(--toolbarbutton-hover-background) !important; /* Original: color-mix(in srgb, currentColor 11%, transparent) */ } } diff --git a/userChrome.css b/userChrome.css index 7fb4cfc..996ecd7 100644 --- a/userChrome.css +++ b/userChrome.css @@ -16,6 +16,7 @@ * #context-sendimage, * #context-sendvideo, * #context-sendaudio, + * #context-sep-setbackground, * #context-setDesktopBackground { * display: none !important; * }