mirror of
https://github.com/black7375/Firefox-UI-Fix.git
synced 2026-01-30 04:10:32 -08:00
Fix: Bottom Rounded Corner - Soft stroke with opacity
This commit is contained in:
alstjr7375
parent
dc3e65a141
commit
702fa356e9
22 changed files with 25 additions and 68 deletions
|
|
@ -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) {
|
||||
|
|
|
|||
|
|
@ -1,3 +0,0 @@
|
|||
<svg width="30" height="30" viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg">
|
||||
<path stroke="context-stroke" stroke-width="0.5" stroke-dasharray="46.5, 100" fill="context-fill" d="M28.5 0C14.55.03 14.046 10.757 13.05 16.442 11.56 24.942 8.125 29.452 0 30h30V0m0 0h-1.5"/>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 286 B |
|
|
@ -1,6 +1,6 @@
|
|||
<svg width="30" height="30" viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg">
|
||||
<defs>
|
||||
<path id="tabCorner" stroke="context-stroke" stroke-width="1.5" stroke-dasharray="46.5, 100" fill="context-fill" d="M28.5 0C14.55.03 14.046 10.757 13.05 16.442 11.56 24.942 8.125 29.452 0 30h30V0m0 0h-1.5"/>
|
||||
<path id="tabCorner" stroke="context-stroke" stroke-opacity="context-stroke-opacity" stroke-width="1.5" stroke-dasharray="46.5, 100" fill="context-fill" d="M28.5 0C14.55.03 14.046 10.757 13.05 16.442 11.56 24.942 8.125 29.452 0 30h30V0m0 0h-1.5"/>
|
||||
</defs>
|
||||
<clipPath id="svgClipPath" clipPathUnits="objectBoundingBox">
|
||||
<use href="#tabCorner" x="-4" transform="scale(0.038, 0.0333)" />
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 498 B After Width: | Height: | Size: 538 B |
|
|
@ -1,3 +0,0 @@
|
|||
<svg width="18" height="36" viewBox="0 0 18 36" xmlns="http://www.w3.org/2000/svg">
|
||||
<path stroke="context-stroke" stroke-width="0.5" stroke-dasharray="47 100" fill="context-fill" d="M 18 0 A 9 9 0 0 0 16.71875 0.091796875 A 9 9 0 0 0 15.464844 0.36523438 A 9 9 0 0 0 14.261719 0.8125 A 9 9 0 0 0 13.134766 1.4296875 A 9 9 0 0 0 12.105469 2.1992188 A 9 9 0 0 0 11.199219 3.1054688 A 9 9 0 0 0 10.429688 4.1347656 A 9 9 0 0 0 9.8125 5.2617188 A 9 9 0 0 0 9.3652344 6.4648438 A 9 9 0 0 0 9.0917969 7.71875 A 9 9 0 0 0 9 9 L 9 27 A 9 9 0 0 1 8.9082031 28.28125 A 9 9 0 0 1 8.6347656 29.535156 A 9 9 0 0 1 8.1875 30.738281 A 9 9 0 0 1 7.5703125 31.865234 A 9 9 0 0 1 6.8007812 32.894531 A 9 9 0 0 1 5.8945312 33.800781 A 9 9 0 0 1 4.8652344 34.570312 A 9 9 0 0 1 3.7382812 35.1875 A 9 9 0 0 1 2.5351562 35.634766 A 9 9 0 0 1 1.28125 35.908203 A 9 9 0 0 1 0 36 L 9 36 L 18 36 L 18 9 L 18 0 z"/>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 898 B |
|
|
@ -1,6 +1,6 @@
|
|||
<svg width="18" height="36" viewBox="0 0 18 36" xmlns="http://www.w3.org/2000/svg">
|
||||
<defs>
|
||||
<path id="tabCorner" stroke="context-stroke" stroke-width="1.5" stroke-dasharray="47 100" fill="context-fill" d="M 18 0 A 9 9 0 0 0 16.71875 0.091796875 A 9 9 0 0 0 15.464844 0.36523438 A 9 9 0 0 0 14.261719 0.8125 A 9 9 0 0 0 13.134766 1.4296875 A 9 9 0 0 0 12.105469 2.1992188 A 9 9 0 0 0 11.199219 3.1054688 A 9 9 0 0 0 10.429688 4.1347656 A 9 9 0 0 0 9.8125 5.2617188 A 9 9 0 0 0 9.3652344 6.4648438 A 9 9 0 0 0 9.0917969 7.71875 A 9 9 0 0 0 9 9 L 9 27 A 9 9 0 0 1 8.9082031 28.28125 A 9 9 0 0 1 8.6347656 29.535156 A 9 9 0 0 1 8.1875 30.738281 A 9 9 0 0 1 7.5703125 31.865234 A 9 9 0 0 1 6.8007812 32.894531 A 9 9 0 0 1 5.8945312 33.800781 A 9 9 0 0 1 4.8652344 34.570312 A 9 9 0 0 1 3.7382812 35.1875 A 9 9 0 0 1 2.5351562 35.634766 A 9 9 0 0 1 1.28125 35.908203 A 9 9 0 0 1 0 36 L 9 36 L 18 36 L 18 9 L 18 0 z"/>
|
||||
<path id="tabCorner" stroke="context-stroke" stroke-opacity="context-stroke-opacity" stroke-width="1.5" stroke-dasharray="47 100" fill="context-fill" d="M 18 0 A 9 9 0 0 0 16.71875 0.091796875 A 9 9 0 0 0 15.464844 0.36523438 A 9 9 0 0 0 14.261719 0.8125 A 9 9 0 0 0 13.134766 1.4296875 A 9 9 0 0 0 12.105469 2.1992188 A 9 9 0 0 0 11.199219 3.1054688 A 9 9 0 0 0 10.429688 4.1347656 A 9 9 0 0 0 9.8125 5.2617188 A 9 9 0 0 0 9.3652344 6.4648438 A 9 9 0 0 0 9.0917969 7.71875 A 9 9 0 0 0 9 9 L 9 27 A 9 9 0 0 1 8.9082031 28.28125 A 9 9 0 0 1 8.6347656 29.535156 A 9 9 0 0 1 8.1875 30.738281 A 9 9 0 0 1 7.5703125 31.865234 A 9 9 0 0 1 6.8007812 32.894531 A 9 9 0 0 1 5.8945312 33.800781 A 9 9 0 0 1 4.8652344 34.570312 A 9 9 0 0 1 3.7382812 35.1875 A 9 9 0 0 1 2.5351562 35.634766 A 9 9 0 0 1 1.28125 35.908203 A 9 9 0 0 1 0 36 L 9 36 L 18 36 L 18 9 L 18 0 z"/>
|
||||
</defs>
|
||||
<clipPath id="svgClipPath" clipPathUnits="objectBoundingBox">
|
||||
<use href="#tabCorner" x="-2" transform="scale(0.065, 0.0277)" />
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 1.1 KiB After Width: | Height: | Size: 1.1 KiB |
|
|
@ -1,3 +0,0 @@
|
|||
<svg width="36" height="36" viewBox="0 0 36 36" xmlns="http://www.w3.org/2000/svg">
|
||||
<path stroke="context-stroke" stroke-width="0.5" stroke-dasharray="59 100" fill="context-fill" d="M 0,36 H 9 L 27,0 h 9 v 36 z"/>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 223 B |
|
|
@ -1,6 +1,6 @@
|
|||
<svg width="36" height="36" viewBox="0 0 36 36" xmlns="http://www.w3.org/2000/svg">
|
||||
<defs>
|
||||
<path id="tabCorner" stroke="context-stroke" stroke-width="1.5" stroke-dasharray="59 100" fill="context-fill" d="M 0,36 H 9 L 27,0 h 9 v 36 z"/>
|
||||
<path id="tabCorner" stroke="context-stroke" stroke-opacity="context-stroke-opacity" stroke-width="1.5" stroke-dasharray="59 100" fill="context-fill" d="M 0,36 H 9 L 27,0 h 9 v 36 z"/>
|
||||
</defs>
|
||||
<clipPath id="svgClipPath" clipPathUnits="objectBoundingBox">
|
||||
<use href="#tabCorner" x="-3.6" transform="scale(0.0319, 0.0277)" />
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 438 B After Width: | Height: | Size: 478 B |
|
|
@ -1,3 +0,0 @@
|
|||
<svg width="16" height="32" viewBox="0 0 16 32" xmlns="http://www.w3.org/2000/svg">
|
||||
<path stroke="context-stroke" stroke-width="0.5" stroke-dasharray="37, 100" fill="context-fill" d="M12 0a4 4 0 0 0-3.365 1.838A4 4 0 0 0 8 4v24a4 4 0 0 1-1.38 3.023A4 4 0 0 1 4 32h12V0m0 0h-4"/>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 288 B |
|
|
@ -1,6 +1,6 @@
|
|||
<svg width="16" height="32" viewBox="0 0 16 32" xmlns="http://www.w3.org/2000/svg">
|
||||
<defs>
|
||||
<path id="tabCorner" stroke="context-stroke" stroke-width="1.5" stroke-dasharray="37, 100" fill="context-fill" d="M12 0a4 4 0 0 0-3.365 1.838A4 4 0 0 0 8 4v24a4 4 0 0 1-1.38 3.023A4 4 0 0 1 4 32h12V0m0 0h-4"/>
|
||||
<path id="tabCorner" stroke="context-stroke" stroke-opacity="context-stroke-opacity" stroke-width="1.5" stroke-dasharray="37, 100" fill="context-fill" d="M12 0a4 4 0 0 0-3.365 1.838A4 4 0 0 0 8 4v24a4 4 0 0 1-1.38 3.023A4 4 0 0 1 4 32h12V0m0 0h-4"/>
|
||||
</defs>
|
||||
<clipPath id="svgClipPath" clipPathUnits="objectBoundingBox">
|
||||
<use href="#tabCorner" x="-4" transform="scale(0.08, 0.0333)" />
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 499 B After Width: | Height: | Size: 539 B |
|
|
@ -1,3 +0,0 @@
|
|||
<svg width="36" height="36" viewBox="0 0 36 36" xmlns="http://www.w3.org/2000/svg">
|
||||
<path stroke="context-stroke" stroke-width="0.5" stroke-dasharray="59.75 100" fill="context-fill" d="M 0,36 C 6,36 12.001,36 15.0005,30.0005 18,24.001 18,12.001 21.0005,6.0005 24.001,0 30,0 36,0 c 0,0 0,36 0,36 0,0 -36,0 -36,0 z"/>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 325 B |
|
|
@ -1,6 +1,6 @@
|
|||
<svg width="36" height="36" viewBox="0 0 36 36" xmlns="http://www.w3.org/2000/svg">
|
||||
<defs>
|
||||
<path id="tabCorner" stroke="context-stroke" stroke-width="1.5" stroke-dasharray="59.75 100" fill="context-fill" d="M 0,36 C 6,36 12.001,36 15.0005,30.0005 18,24.001 18,12.001 21.0005,6.0005 24.001,0 30,0 36,0 c 0,0 0,36 0,36 0,0 -36,0 -36,0 z"/>
|
||||
<path id="tabCorner" stroke="context-stroke" stroke-opacity="context-stroke-opacity" stroke-width="1.5" stroke-dasharray="59.75 100" fill="context-fill" d="M 0,36 C 6,36 12.001,36 15.0005,30.0005 18,24.001 18,12.001 21.0005,6.0005 24.001,0 30,0 36,0 c 0,0 0,36 0,36 0,0 -36,0 -36,0 z"/>
|
||||
</defs>
|
||||
<clipPath id="svgClipPath" clipPathUnits="objectBoundingBox">
|
||||
<use href="#tabCorner" x="-3.6" transform="scale(0.0319, 0.0277)" />
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 540 B After Width: | Height: | Size: 580 B |
|
|
@ -1,3 +0,0 @@
|
|||
<svg width="30" height="30" xmlns="http://www.w3.org/2000/svg">
|
||||
<path stroke="context-stroke" stroke-width="0.5" stroke-dasharray="46.5, 100" fill="context-fill" d="M0 0h1.5m0 0c13.95.03 14.454 10.757 15.45 16.442C18.44 24.942 21.875 29.452 30 30H0V0"/>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 263 B |
|
|
@ -1,6 +1,6 @@
|
|||
<svg width="30" height="30" xmlns="http://www.w3.org/2000/svg">
|
||||
<defs>
|
||||
<path id="tabCorner" stroke="context-stroke" stroke-width="1.5" stroke-dasharray="46.5, 100" fill="context-fill" d="M0 0h1.5m0 0c13.95.03 14.454 10.757 15.45 16.442C18.44 24.942 21.875 29.452 30 30H0V0"/>
|
||||
<path id="tabCorner" stroke="context-stroke" stroke-opacity="context-stroke-opacity" stroke-width="1.5" stroke-dasharray="46.5, 100" fill="context-fill" d="M0 0h1.5m0 0c13.95.03 14.454 10.757 15.45 16.442C18.44 24.942 21.875 29.452 30 30H0V0"/>
|
||||
</defs>
|
||||
<clipPath id="svgClipPath" clipPathUnits="objectBoundingBox">
|
||||
<use href="#tabCorner" transform="scale(0.038, 0.0333)" />
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 468 B After Width: | Height: | Size: 508 B |
|
|
@ -1,3 +0,0 @@
|
|||
<svg width="18" height="36" viewBox="0 0 18 36" xmlns="http://www.w3.org/2000/svg">
|
||||
<path stroke="context-stroke" stroke-width="0.5" stroke-dasharray="47 100" fill="context-fill" d="M 3.4620099e-4,0 A -9,9 0 0 1 1.2815962,0.09179687 -9,9 0 0 1 2.5355022,0.36523438 -9,9 0 0 1 3.7386272,0.8125 a -9,9 0 0 1 1.126953,0.6171875 -9,9 0 0 1 1.029297,0.7695313 -9,9 0 0 1 0.90625,0.90625 -9,9 0 0 1 0.769531,1.0292968 -9,9 0 0 1 0.617188,1.1269532 -9,9 0 0 1 0.4472656,1.203125 A -9,9 0 0 1 8.9085493,7.71875 -9,9 0 0 1 9.0003462,9 v 18 a -9,9 0 0 0 0.091797,1.28125 -9,9 0 0 0 0.2734375,1.253906 -9,9 0 0 0 0.4472656,1.203125 -9,9 0 0 0 0.6171878,1.126953 -9,9 0 0 0 0.769531,1.029297 -9,9 0 0 0 0.90625,0.90625 -9,9 0 0 0 1.029297,0.769531 -9,9 0 0 0 1.126953,0.617188 -9,9 0 0 0 1.203125,0.447266 -9,9 0 0 0 1.253906,0.273437 A -9,9 0 0 0 18.000346,36 H 9.0003462 3.4620099e-4 V 9 Z"/>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 892 B |
|
|
@ -1,6 +1,6 @@
|
|||
<svg width="18" height="36" viewBox="0 0 18 36" xmlns="http://www.w3.org/2000/svg">
|
||||
<defs>
|
||||
<path id="tabCorner" stroke="context-stroke" stroke-width="1.5" stroke-dasharray="47 100" fill="context-fill" d="M 3.4620099e-4,0 A -9,9 0 0 1 1.2815962,0.09179687 -9,9 0 0 1 2.5355022,0.36523438 -9,9 0 0 1 3.7386272,0.8125 a -9,9 0 0 1 1.126953,0.6171875 -9,9 0 0 1 1.029297,0.7695313 -9,9 0 0 1 0.90625,0.90625 -9,9 0 0 1 0.769531,1.0292968 -9,9 0 0 1 0.617188,1.1269532 -9,9 0 0 1 0.4472656,1.203125 A -9,9 0 0 1 8.9085493,7.71875 -9,9 0 0 1 9.0003462,9 v 18 a -9,9 0 0 0 0.091797,1.28125 -9,9 0 0 0 0.2734375,1.253906 -9,9 0 0 0 0.4472656,1.203125 -9,9 0 0 0 0.6171878,1.126953 -9,9 0 0 0 0.769531,1.029297 -9,9 0 0 0 0.90625,0.90625 -9,9 0 0 0 1.029297,0.769531 -9,9 0 0 0 1.126953,0.617188 -9,9 0 0 0 1.203125,0.447266 -9,9 0 0 0 1.253906,0.273437 A -9,9 0 0 0 18.000346,36 H 9.0003462 3.4620099e-4 V 9 Z"/>
|
||||
<path id="tabCorner" stroke="context-stroke" stroke-opacity="context-stroke-opacity" stroke-width="1.5" stroke-dasharray="47 100" fill="context-fill" d="M 3.4620099e-4,0 A -9,9 0 0 1 1.2815962,0.09179687 -9,9 0 0 1 2.5355022,0.36523438 -9,9 0 0 1 3.7386272,0.8125 a -9,9 0 0 1 1.126953,0.6171875 -9,9 0 0 1 1.029297,0.7695313 -9,9 0 0 1 0.90625,0.90625 -9,9 0 0 1 0.769531,1.0292968 -9,9 0 0 1 0.617188,1.1269532 -9,9 0 0 1 0.4472656,1.203125 A -9,9 0 0 1 8.9085493,7.71875 -9,9 0 0 1 9.0003462,9 v 18 a -9,9 0 0 0 0.091797,1.28125 -9,9 0 0 0 0.2734375,1.253906 -9,9 0 0 0 0.4472656,1.203125 -9,9 0 0 0 0.6171878,1.126953 -9,9 0 0 0 0.769531,1.029297 -9,9 0 0 0 0.90625,0.90625 -9,9 0 0 0 1.029297,0.769531 -9,9 0 0 0 1.126953,0.617188 -9,9 0 0 0 1.203125,0.447266 -9,9 0 0 0 1.253906,0.273437 A -9,9 0 0 0 18.000346,36 H 9.0003462 3.4620099e-4 V 9 Z"/>
|
||||
</defs>
|
||||
<clipPath id="svgClipPath" clipPathUnits="objectBoundingBox">
|
||||
<use href="#tabCorner" transform="scale(0.065, 0.0277)" />
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 1.1 KiB After Width: | Height: | Size: 1.1 KiB |
|
|
@ -1,3 +0,0 @@
|
|||
<svg width="36" height="36" viewBox="0 0 36 36" xmlns="http://www.w3.org/2000/svg">
|
||||
<path stroke="context-stroke" stroke-width="0.5" stroke-dasharray="59 100" fill="context-fill" d="M 36,36 H 27 L 9,0 H 0 v 36 z"/>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 224 B |
|
|
@ -1,6 +1,6 @@
|
|||
<svg width="36" height="36" viewBox="0 0 36 36" xmlns="http://www.w3.org/2000/svg">
|
||||
<defs>
|
||||
<path id="tabCorner" stroke="context-stroke" stroke-width="1.5" stroke-dasharray="59 100" fill="context-fill" d="M 36,36 H 27 L 9,0 H 0 v 36 z"/>
|
||||
<path id="tabCorner" stroke="context-stroke" stroke-opacity="context-stroke-opacity" stroke-width="1.5" stroke-dasharray="59 100" fill="context-fill" d="M 36,36 H 27 L 9,0 H 0 v 36 z"/>
|
||||
</defs>
|
||||
<clipPath id="svgClipPath" clipPathUnits="objectBoundingBox">
|
||||
<use href="#tabCorner" transform="scale(0.0319, 0.0277)" />
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 430 B After Width: | Height: | Size: 470 B |
|
|
@ -1,3 +0,0 @@
|
|||
<svg width="16" height="32" viewBox="0 0 16 32" xmlns="http://www.w3.org/2000/svg">
|
||||
<path stroke="context-stroke" stroke-width="0.5" stroke-dasharray="37, 100" fill="context-fill" d="M4 0a4 4 0 0 1 3.365 1.838A4 4 0 0 1 8 4v24a4 4 0 0 0 1.838 3.365A4 4 0 0 0 12 32H0V0m0 0h4"/>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 287 B |
|
|
@ -1,6 +1,6 @@
|
|||
<svg width="16" height="32" viewBox="0 0 16 32" xmlns="http://www.w3.org/2000/svg">
|
||||
<defs>
|
||||
<path id="tabCorner" stroke="context-stroke" stroke-width="1.5" stroke-dasharray="37, 100" fill="context-fill" d="M4 0a4 4 0 0 1 3.365 1.838A4 4 0 0 1 8 4v24a4 4 0 0 0 1.838 3.365A4 4 0 0 0 12 32H0V0m0 0h4"/>
|
||||
<path id="tabCorner" stroke="context-stroke" stroke-opacity="context-stroke-opacity" stroke-width="1.5" stroke-dasharray="37, 100" fill="context-fill" d="M4 0a4 4 0 0 1 3.365 1.838A4 4 0 0 1 8 4v24a4 4 0 0 0 1.838 3.365A4 4 0 0 0 12 32H0V0m0 0h4"/>
|
||||
</defs>
|
||||
<clipPath id="svgClipPath" clipPathUnits="objectBoundingBox">
|
||||
<use href="#tabCorner" transform="scale(0.08, 0.0333)" />
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 491 B After Width: | Height: | Size: 531 B |
|
|
@ -1,3 +0,0 @@
|
|||
<svg width="36" height="36" viewBox="0 0 36 36" xmlns="http://www.w3.org/2000/svg">
|
||||
<path stroke="context-stroke" stroke-width="0.5" stroke-dasharray="59.75 100" fill="context-fill" d="M 36,36 C 30,36 23.999,36 20.9995,30.0005 18,24.001 18,12.001 14.9995,6.0005 11.999,0 6,0 0,0 c 0,0 0,36 0,36 0,0 36,0 36,0 z"/>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 323 B |
|
|
@ -1,6 +1,6 @@
|
|||
<svg width="36" height="36" viewBox="0 0 36 36" xmlns="http://www.w3.org/2000/svg">
|
||||
<defs>
|
||||
<path id="tabCorner" stroke="context-stroke" stroke-width="1.5" stroke-dasharray="59.75 100" fill="context-fill" d="M 36,36 C 30,36 23.999,36 20.9995,30.0005 18,24.001 18,12.001 14.9995,6.0005 11.999,0 6,0 0,0 c 0,0 0,36 0,36 0,0 36,0 36,0 z"/>
|
||||
<path id="tabCorner" stroke="context-stroke" stroke-opacity="context-stroke-opacity" stroke-width="1.5" stroke-dasharray="59.75 100" fill="context-fill" d="M 36,36 C 30,36 23.999,36 20.9995,30.0005 18,24.001 18,12.001 14.9995,6.0005 11.999,0 6,0 0,0 c 0,0 0,36 0,36 0,0 36,0 36,0 z"/>
|
||||
</defs>
|
||||
<clipPath id="svgClipPath" clipPathUnits="objectBoundingBox">
|
||||
<use href="#tabCorner" transform="scale(0.0319, 0.0277)" />
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 529 B After Width: | Height: | Size: 569 B |
|
|
@ -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) {
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue