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;
* }