diff --git a/css/leptonChrome.css b/css/leptonChrome.css index 43e63e4..0d4dfa6 100644 --- a/css/leptonChrome.css +++ b/css/leptonChrome.css @@ -6692,8 +6692,6 @@ --uc-tab-corner-left-side-clipPath: url("../icons/tab-bottom-corner-left-wave.svg#svgClipPath"); --uc-tab-corner-right-side-svg: url("../icons/tab-bottom-corner-right-wave.svg"); --uc-tab-corner-right-side-clipPath: url("../icons/tab-bottom-corner-right-wave.svg#svgClipPath"); - --uc-tab-corner-left-side-svg-soft: url("../icons/tab-bottom-corner-left-wave-soft.svg"); - --uc-tab-corner-right-side-svg-soft: url("../icons/tab-bottom-corner-right-wave-soft.svg"); --uc-tab-corner-left-side-svg-clipped: url("../icons/tab-bottom-corner-left-wave-clipped.svg"); --uc-tab-corner-right-side-svg-clipped: url("../icons/tab-bottom-corner-right-wave-clipped.svg"); --uc-tab-corner-size: 30px; @@ -6705,8 +6703,6 @@ --uc-tab-corner-left-side-clipPath: url("../icons/tab-bottom-corner-left-australis.svg#svgClipPath"); --uc-tab-corner-right-side-svg: url("../icons/tab-bottom-corner-right-australis.svg"); --uc-tab-corner-right-side-clipPath: url("../icons/tab-bottom-corner-right-australis.svg#svgClipPath"); - --uc-tab-corner-left-side-svg-soft: url("../icons/tab-bottom-corner-left-australis-soft.svg"); - --uc-tab-corner-right-side-svg-soft: url("../icons/tab-bottom-corner-right-australis-soft.svg"); --uc-tab-corner-left-side-svg-clipped: url("../icons/tab-bottom-corner-left-australis-clipped.svg"); --uc-tab-corner-right-side-svg-clipped: url("../icons/tab-bottom-corner-right-australis-cilpped.svg"); --uc-tab-corner-size: 30px; @@ -6718,8 +6714,6 @@ --uc-tab-corner-left-side-clipPath: url("../icons/tab-bottom-corner-left-chrome.svg#svgClipPath"); --uc-tab-corner-right-side-svg: url("../icons/tab-bottom-corner-right-chrome.svg"); --uc-tab-corner-right-side-clipPath: url("../icons/tab-bottom-corner-right-chrome.svg#svgClipPath"); - --uc-tab-corner-left-side-svg-soft: url("../icons/tab-bottom-corner-left-chrome-soft.svg"); - --uc-tab-corner-right-side-svg-soft: url("../icons/tab-bottom-corner-right-chrome-soft.svg"); --uc-tab-corner-left-side-svg-clipped: url("../icons/tab-bottom-corner-left-chrome-clipped.svg"); --uc-tab-corner-right-side-svg-clipped: url("../icons/tab-bottom-corner-right-chrome-clipped.svg"); --uc-tab-corner-size: 16px; @@ -6731,8 +6725,6 @@ --uc-tab-corner-left-side-clipPath: url("../icons/tab-bottom-corner-left-chromeLegacy.svg#svgClipPath"); --uc-tab-corner-right-side-svg: url("../icons/tab-bottom-corner-right-chromeLegacy.svg"); --uc-tab-corner-right-side-clipPath: url("../icons/tab-bottom-corner-right-chromeLegacy.svg#svgClipPath"); - --uc-tab-corner-left-side-svg-soft: url("../icons/tab-bottom-corner-left-chromeLegacy-soft.svg"); - --uc-tab-corner-right-side-svg-soft: url("../icons/tab-bottom-corner-right-chromeLegacy-soft.svg"); --uc-tab-corner-left-side-svg-clipped: url("../icons/tab-bottom-corner-left-chromeLegacy-clipped.svg"); --uc-tab-corner-right-side-svg-clipped: url("../icons/tab-bottom-corner-right-chromeLegacy-clipped.svg"); --uc-tab-corner-size: 35px; @@ -6744,8 +6736,6 @@ --uc-tab-corner-left-side-clipPath: url("../icons/tab-bottom-corner-left-edge.svg#svgClipPath"); --uc-tab-corner-right-side-svg: url("../icons/tab-bottom-corner-right-edge.svg"); --uc-tab-corner-right-side-clipPath: url("../icons/tab-bottom-corner-right-edge.svg#svgClipPath"); - --uc-tab-corner-left-side-svg-soft: url("../icons/tab-bottom-corner-left-edge-soft.svg"); - --uc-tab-corner-right-side-svg-soft: url("../icons/tab-bottom-corner-right-edge-soft.svg"); --uc-tab-corner-left-side-svg-clipped: url("../icons/tab-bottom-corner-left-edge-clipped.svg"); --uc-tab-corner-right-side-svg-clipped: url("../icons/tab-bottom-corner-right-edge-clipped.svg"); --uc-tab-corner-size: 8px; @@ -6789,7 +6779,7 @@ /* Color */ fill: transparent; stroke: transparent; - -moz-context-properties: fill, stroke; + -moz-context-properties: fill, stroke, stroke-opacity; /* Image */ background-size: cover, auto auto; background-repeat: no-repeat, no-repeat; @@ -6863,9 +6853,14 @@ :root:is([lwtheme-mozlightdark], [style*="--lwt-accent-color: rgb(240, 240, 244); --lwt-text-color: rgba(21, 20, 26);"], [style*="--lwt-accent-color: rgb(28, 27, 34); --lwt-text-color: rgba(251, 251, 254);"]) #TabsToolbar[brighttext] #tabbrowser-tabs:not([noshadowfortests]) - .tabbrowser-tab { - --uc-tab-corner-left-side-svg: var(--uc-tab-corner-left-side-svg-soft); - --uc-tab-corner-right-side-svg: var(--uc-tab-corner-right-side-svg-soft); + .tabbrowser-tab:is([visuallyselected], [multiselected]) + .tab-background::before, + :root:is([lwtheme-mozlightdark], [style*="--lwt-accent-color: rgb(240, 240, 244); --lwt-text-color: rgba(21, 20, 26);"], [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], [multiselected]) + .tab-background::after { + stroke-opacity: 0.3; } } @media (-moz-gtk-csd-available) { diff --git a/icons/tab-bottom-corner-left-australis-soft.svg b/icons/tab-bottom-corner-left-australis-soft.svg deleted file mode 100644 index c50ba8b..0000000 --- a/icons/tab-bottom-corner-left-australis-soft.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/icons/tab-bottom-corner-left-australis.svg b/icons/tab-bottom-corner-left-australis.svg index d8b9e26..25ea18d 100644 --- a/icons/tab-bottom-corner-left-australis.svg +++ b/icons/tab-bottom-corner-left-australis.svg @@ -1,6 +1,6 @@ - + diff --git a/icons/tab-bottom-corner-left-chrome-soft.svg b/icons/tab-bottom-corner-left-chrome-soft.svg deleted file mode 100644 index 96dcac8..0000000 --- a/icons/tab-bottom-corner-left-chrome-soft.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/icons/tab-bottom-corner-left-chrome.svg b/icons/tab-bottom-corner-left-chrome.svg index 987117d..5c422be 100644 --- a/icons/tab-bottom-corner-left-chrome.svg +++ b/icons/tab-bottom-corner-left-chrome.svg @@ -1,6 +1,6 @@ - + diff --git a/icons/tab-bottom-corner-left-chromeLegacy-soft.svg b/icons/tab-bottom-corner-left-chromeLegacy-soft.svg deleted file mode 100644 index 4c0ca25..0000000 --- a/icons/tab-bottom-corner-left-chromeLegacy-soft.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/icons/tab-bottom-corner-left-chromeLegacy.svg b/icons/tab-bottom-corner-left-chromeLegacy.svg index 489aca2..b497437 100644 --- a/icons/tab-bottom-corner-left-chromeLegacy.svg +++ b/icons/tab-bottom-corner-left-chromeLegacy.svg @@ -1,6 +1,6 @@ - + diff --git a/icons/tab-bottom-corner-left-edge-soft.svg b/icons/tab-bottom-corner-left-edge-soft.svg deleted file mode 100644 index 2e14868..0000000 --- a/icons/tab-bottom-corner-left-edge-soft.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/icons/tab-bottom-corner-left-edge.svg b/icons/tab-bottom-corner-left-edge.svg index 85f2837..077f0fc 100644 --- a/icons/tab-bottom-corner-left-edge.svg +++ b/icons/tab-bottom-corner-left-edge.svg @@ -1,6 +1,6 @@ - + diff --git a/icons/tab-bottom-corner-left-wave-soft.svg b/icons/tab-bottom-corner-left-wave-soft.svg deleted file mode 100644 index c3de938..0000000 --- a/icons/tab-bottom-corner-left-wave-soft.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/icons/tab-bottom-corner-left-wave.svg b/icons/tab-bottom-corner-left-wave.svg index 9a0cdd0..d01467e 100644 --- a/icons/tab-bottom-corner-left-wave.svg +++ b/icons/tab-bottom-corner-left-wave.svg @@ -1,6 +1,6 @@ - + diff --git a/icons/tab-bottom-corner-right-australis-soft.svg b/icons/tab-bottom-corner-right-australis-soft.svg deleted file mode 100644 index 8bb5c2f..0000000 --- a/icons/tab-bottom-corner-right-australis-soft.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/icons/tab-bottom-corner-right-australis.svg b/icons/tab-bottom-corner-right-australis.svg index c41499b..3e10743 100644 --- a/icons/tab-bottom-corner-right-australis.svg +++ b/icons/tab-bottom-corner-right-australis.svg @@ -1,6 +1,6 @@ - + diff --git a/icons/tab-bottom-corner-right-chrome-soft.svg b/icons/tab-bottom-corner-right-chrome-soft.svg deleted file mode 100644 index 28cb86b..0000000 --- a/icons/tab-bottom-corner-right-chrome-soft.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/icons/tab-bottom-corner-right-chrome.svg b/icons/tab-bottom-corner-right-chrome.svg index 3085046..2466185 100644 --- a/icons/tab-bottom-corner-right-chrome.svg +++ b/icons/tab-bottom-corner-right-chrome.svg @@ -1,6 +1,6 @@ - + diff --git a/icons/tab-bottom-corner-right-chromeLegacy-soft.svg b/icons/tab-bottom-corner-right-chromeLegacy-soft.svg deleted file mode 100644 index 65b6e61..0000000 --- a/icons/tab-bottom-corner-right-chromeLegacy-soft.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/icons/tab-bottom-corner-right-chromeLegacy.svg b/icons/tab-bottom-corner-right-chromeLegacy.svg index 2aa36f6..c8ad1de 100644 --- a/icons/tab-bottom-corner-right-chromeLegacy.svg +++ b/icons/tab-bottom-corner-right-chromeLegacy.svg @@ -1,6 +1,6 @@ - + diff --git a/icons/tab-bottom-corner-right-edge-soft.svg b/icons/tab-bottom-corner-right-edge-soft.svg deleted file mode 100644 index 991fe92..0000000 --- a/icons/tab-bottom-corner-right-edge-soft.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/icons/tab-bottom-corner-right-edge.svg b/icons/tab-bottom-corner-right-edge.svg index c386c8f..4787865 100644 --- a/icons/tab-bottom-corner-right-edge.svg +++ b/icons/tab-bottom-corner-right-edge.svg @@ -1,6 +1,6 @@ - + diff --git a/icons/tab-bottom-corner-right-wave-soft.svg b/icons/tab-bottom-corner-right-wave-soft.svg deleted file mode 100644 index 0f56bc9..0000000 --- a/icons/tab-bottom-corner-right-wave-soft.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/icons/tab-bottom-corner-right-wave.svg b/icons/tab-bottom-corner-right-wave.svg index 7faf843..138b5b3 100644 --- a/icons/tab-bottom-corner-right-wave.svg +++ b/icons/tab-bottom-corner-right-wave.svg @@ -1,6 +1,6 @@ - + diff --git a/src/tab/selected_tab/_bottom_rounded_corner_others.scss b/src/tab/selected_tab/_bottom_rounded_corner_others.scss index 20bdc4e..529b814 100644 --- a/src/tab/selected_tab/_bottom_rounded_corner_others.scss +++ b/src/tab/selected_tab/_bottom_rounded_corner_others.scss @@ -44,8 +44,6 @@ "../icons/tab-bottom-corner-left-wave.svg", "../icons/tab-bottom-corner-right-wave.svg" ); - --uc-tab-corner-left-side-svg-soft: url("../icons/tab-bottom-corner-left-wave-soft.svg"); - --uc-tab-corner-right-side-svg-soft: url("../icons/tab-bottom-corner-right-wave-soft.svg"); --uc-tab-corner-left-side-svg-clipped: url("../icons/tab-bottom-corner-left-wave-clipped.svg"); --uc-tab-corner-right-side-svg-clipped: url("../icons/tab-bottom-corner-right-wave-clipped.svg"); @@ -56,8 +54,6 @@ "../icons/tab-bottom-corner-left-australis.svg", "../icons/tab-bottom-corner-right-australis.svg" ); - --uc-tab-corner-left-side-svg-soft: url("../icons/tab-bottom-corner-left-australis-soft.svg"); - --uc-tab-corner-right-side-svg-soft: url("../icons/tab-bottom-corner-right-australis-soft.svg"); --uc-tab-corner-left-side-svg-clipped: url("../icons/tab-bottom-corner-left-australis-clipped.svg"); --uc-tab-corner-right-side-svg-clipped: url("../icons/tab-bottom-corner-right-australis-cilpped.svg"); @@ -68,8 +64,6 @@ "../icons/tab-bottom-corner-left-chrome.svg", "../icons/tab-bottom-corner-right-chrome.svg" ); - --uc-tab-corner-left-side-svg-soft: url("../icons/tab-bottom-corner-left-chrome-soft.svg"); - --uc-tab-corner-right-side-svg-soft: url("../icons/tab-bottom-corner-right-chrome-soft.svg"); --uc-tab-corner-left-side-svg-clipped: url("../icons/tab-bottom-corner-left-chrome-clipped.svg"); --uc-tab-corner-right-side-svg-clipped: url("../icons/tab-bottom-corner-right-chrome-clipped.svg"); @@ -80,8 +74,6 @@ "../icons/tab-bottom-corner-left-chromeLegacy.svg", "../icons/tab-bottom-corner-right-chromeLegacy.svg" ); - --uc-tab-corner-left-side-svg-soft: url("../icons/tab-bottom-corner-left-chromeLegacy-soft.svg"); - --uc-tab-corner-right-side-svg-soft: url("../icons/tab-bottom-corner-right-chromeLegacy-soft.svg"); --uc-tab-corner-left-side-svg-clipped: url("../icons/tab-bottom-corner-left-chromeLegacy-clipped.svg"); --uc-tab-corner-right-side-svg-clipped: url("../icons/tab-bottom-corner-right-chromeLegacy-clipped.svg"); @@ -92,8 +84,6 @@ "../icons/tab-bottom-corner-left-edge.svg", "../icons/tab-bottom-corner-right-edge.svg" ); - --uc-tab-corner-left-side-svg-soft: url("../icons/tab-bottom-corner-left-edge-soft.svg"); - --uc-tab-corner-right-side-svg-soft: url("../icons/tab-bottom-corner-right-edge-soft.svg"); --uc-tab-corner-left-side-svg-clipped: url("../icons/tab-bottom-corner-left-edge-clipped.svg"); --uc-tab-corner-right-side-svg-clipped: url("../icons/tab-bottom-corner-right-edge-clipped.svg"); @@ -132,7 +122,7 @@ /* Color */ fill: transparent; stroke: transparent; - -moz-context-properties: fill, stroke; + -moz-context-properties: fill, stroke, stroke-opacity; // For stroke // box-shadow: 0 0 4px rgba(0,0,0,.4); // box-shadow: 0 0 1px var(--toolbar-color) !important; @@ -217,10 +207,12 @@ [lwtheme-mozlightdark], [style*="--lwt-accent-color: rgb(240, 240, 244); --lwt-text-color: rgba(21, 20, 26);"], [style*="--lwt-accent-color: rgb(28, 27, 34); --lwt-text-color: rgba(251, 251, 254);"] - ) #TabsToolbar[brighttext] #tabbrowser-tabs:not([noshadowfortests]) .tabbrowser-tab { + ) #TabsToolbar[brighttext] #tabbrowser-tabs:not([noshadowfortests]) .tabbrowser-tab:is([visuallyselected], [multiselected]) .tab-background { @include Option("userChrome.tab.box_shadow") { - --uc-tab-corner-left-side-svg: var(--uc-tab-corner-left-side-svg-soft); - --uc-tab-corner-right-side-svg: var(--uc-tab-corner-right-side-svg-soft); + &::before, + &::after { + stroke-opacity: 0.3; + } } } @include OS($linux) {