alecs/plasma-framework
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Revert 4d4db0b199780d8e3a94594fb72739565cd3919d's theme changes

Browse Source 
Undoes the theme changes in that commit since they got pushed too
early in the Frameworks release cycle to be effectively Plasma 5.22
exclusive, saddling users on 5.21 with increased transparency all the
time with no way to turn it off. This was not the intended user
experience.

This commit will be reverted in time to be released with Frameworks 5.83,
which will align with the release of Plasma 5.22.

BUG: 434202
This commit is contained in:
Dominic Hayes 2021-03-09 22:31:58 +00:00 committed by Nate Graham
parent 5447cef2d8
commit 3701b184d8
7 changed files with 70 additions and 69 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/desktoptheme/breeze-dark/metadata.desktop.cmake
View File

@ -102,9 +102,9 @@ defaultHeight=1080
[ContrastEffect]
enabled=true
contrast=0.17
intensity=1.25
saturation=9
contrast=0.2
intensity=0.4
saturation=1.7
[AdaptiveTransparency]
enabled=true

6
src/desktoptheme/breeze-light/metadata.desktop.cmake
View File

@ -100,9 +100,9 @@ defaultHeight=1080
[ContrastEffect]
enabled=true
contrast=0.17
intensity=1.25
saturation=9
contrast=0.2
intensity=2.0
saturation=1.7
[AdaptiveTransparency]
enabled=true

5
src/desktoptheme/breeze/metadata.desktop.cmake
View File

@ -102,8 +102,9 @@ defaultHeight=1080
[ContrastEffect]
enabled=true
contrast=0.2
intensity=1.4
saturation=10
#intensity is disabled, in order to auto adjust to the chosen theme color
#intensity=2.0
saturation=1.7
[AdaptiveTransparency]
enabled=true

18
src/desktoptheme/breeze/translucent/dialogs/background.svg
View File

@ -943,14 +943,14 @@
height="32"
width="6"
id="rect4152"
style="opacity:0.85;fill:currentColor;fill-opacity:1;stroke:none"
style="opacity:0.6;fill:currentColor;fill-opacity:1;stroke:none"
transform="matrix(0,-1,-1,0,0,0)"
class="ColorScheme-Background" />
</g>
<g
id="topleft">
<path
style="opacity:0.85;fill:currentColor;fill-opacity:1;stroke:none"
style="opacity:0.6;fill:currentColor;fill-opacity:1;stroke:none"
d="m 16,6 c -2,0 -3,1 -3,3 v 2 1 h 4 1 1 V 11 7 6 h -1 1 z"
transform="translate(0,904.36218)"
id="rect4159"
@ -961,7 +961,7 @@
<g
id="topright">
<path
style="opacity:0.85;fill:currentColor;fill-opacity:1;stroke:none"
style="opacity:0.6;fill:currentColor;fill-opacity:1;stroke:none"
d="m 51,6 v 1 4 1 h 1 1 3 1 V 11 9 C 57,7 56,6 54,6 h -1 -1 z"
transform="translate(0,904.36218)"
id="rect4177"
@ -973,7 +973,7 @@
id="bottom">
<rect
transform="matrix(0,1,-1,0,0,0)"
style="opacity:0.85;fill:currentColor;fill-opacity:1;stroke:none"
style="opacity:0.6;fill:currentColor;fill-opacity:1;stroke:none"
id="rect4148"
width="6"
height="32"
@ -985,7 +985,7 @@
id="bottomleft">
<path
inkscape:connector-curvature="0"
style="opacity:0.85;fill:currentColor;fill-opacity:1;stroke:none"
style="opacity:0.6;fill:currentColor;fill-opacity:1;stroke:none"
d="m 19,954.36218 v -1 -4 -1 h -1 -1 -3 -1 v 1 2 c 0,2 1,3 3,3 h 1 1 z"
id="path5048"
class="ColorScheme-Background"
@ -996,7 +996,7 @@
<path
id="rect4177-6"
d="m 51,954.36218 v -1 -4 -1 h 1 1 3 1 v 1 2 c 0,2 -1,3 -3,3 h -1 -1 z"
style="opacity:0.85;fill:currentColor;fill-opacity:1;stroke:none"
style="opacity:0.6;fill:currentColor;fill-opacity:1;stroke:none"
inkscape:connector-curvature="0"
class="ColorScheme-Background"
sodipodi:nodetypes="cccccccccssccc" />
@ -1005,7 +1005,7 @@
id="left">
<rect
transform="scale(-1,1)"
style="opacity:0.85;fill:currentColor;fill-opacity:1;stroke:none"
style="opacity:0.6;fill:currentColor;fill-opacity:1;stroke:none"
id="rect4144"
width="5.9999995"
height="32"
@ -1021,7 +1021,7 @@
height="32"
width="5.9999995"
id="rect4140"
style="opacity:0.85;fill:currentColor;fill-opacity:1;stroke:none"
style="opacity:0.6;fill:currentColor;fill-opacity:1;stroke:none"
class="ColorScheme-Background" />
</g>
<g
@ -1034,7 +1034,7 @@
id="rect4401"
style="opacity:1;fill:none;fill-opacity:1;stroke:none" />
<rect
style="opacity:0.85;fill:currentColor;fill-opacity:1;stroke:none"
style="opacity:0.6;fill:currentColor;fill-opacity:1;stroke:none"
id="rect4138"
width="32"
height="32"

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 56 KiB

After

Width:  |  Height:  |  Size: 56 KiB

50
src/desktoptheme/breeze/translucent/widgets/panel-background.svg
View File

@ -125,71 +125,71 @@
<g id="layer1" transform="translate(0,-904.36218)">
<rect id="hint-tile-center" y="904.36218" width="5" height="5" fill="#f60"/>
<g id="top">
<rect id="rect4152" class="ColorScheme-Background" transform="matrix(0,-1,-1,0,0,0)" x="-916.36218" y="-50.999985" width="6" height="32" fill="currentColor" opacity=".85"/>
<rect id="rect4152" class="ColorScheme-Background" transform="matrix(0,-1,-1,0,0,0)" x="-916.36218" y="-50.999985" width="6" height="32" fill="currentColor" opacity=".75"/>
</g>
<g id="bottom">
<rect id="rect4148" class="ColorScheme-Background" transform="rotate(90)" x="948.36218" y="-50.999985" width="6" height="32" fill="currentColor" opacity=".85"/>
<rect id="rect4148" class="ColorScheme-Background" transform="rotate(90)" x="948.36218" y="-50.999985" width="6" height="32" fill="currentColor" opacity=".75"/>
</g>
<g id="left">
<rect id="rect4144" class="ColorScheme-Background" transform="scale(-1,1)" x="-19.000004" y="916.36218" width="5.9999995" height="32" fill="currentColor" opacity=".85"/>
<rect id="rect4144" class="ColorScheme-Background" transform="scale(-1,1)" x="-19.000004" y="916.36218" width="5.9999995" height="32" fill="currentColor" opacity=".75"/>
</g>
<g id="right">
<rect id="rect4140" class="ColorScheme-Background" x="50.999985" y="916.36218" width="5.9999995" height="32" fill="currentColor" opacity=".85"/>
<rect id="rect4140" class="ColorScheme-Background" x="50.999985" y="916.36218" width="5.9999995" height="32" fill="currentColor" opacity=".75"/>
</g>
<g id="center">
<rect id="rect4401" x="19.000004" y="916.36218" width="32" height="32" fill="none"/>
<rect id="rect4138" class="ColorScheme-Background" x="19.000004" y="916.36218" width="32" height="32" fill="currentColor" opacity=".85"/>
<rect id="rect4138" class="ColorScheme-Background" x="19.000004" y="916.36218" width="32" height="32" fill="currentColor" opacity=".75"/>
</g>
<g id="shadow-top" transform="translate(56.99998,1.7432666e-5)">
<rect id="rect4820" transform="matrix(0,-1,-1,0,0,0)" x="-916.36218" y="-50.999985" width="6" height="32" fill="none"/>
<rect id="rect4822" transform="matrix(0,-1,-1,0,0,0)" x="-910.36218" y="-50.999985" width="6" height="32" fill="url(#linearGradient3054)" opacity=".85"/>
<rect id="rect4822" transform="matrix(0,-1,-1,0,0,0)" x="-910.36218" y="-50.999985" width="6" height="32" fill="url(#linearGradient3054)" opacity=".75"/>
<rect id="rect4824" transform="matrix(0,-1,-1,0,0,0)" x="-911.36218" y="-50.999985" width=".99997741" height="32" fill="none"/>
</g>
<g id="shadow-topleft" transform="translate(56.99998,1.7432666e-5)">
<path id="path4828" transform="translate(0,904.36218)" d="m7 9v3h6v-4 1z" fill="url(#linearGradient4922)" fill-rule="evenodd" opacity=".85"/>
<path id="path4830" transform="translate(-58,904.36218)" d="m65 0v9h6c0-2 1-3 3-3v-6z" fill="url(#radialGradient4924)" fill-rule="evenodd" opacity=".85"/>
<path id="path4832" transform="translate(-58,904.36218)" d="m74 0v6h-1 4v-6h-4z" fill="url(#linearGradient4926)" fill-rule="evenodd" opacity=".85"/>
<path id="path4828" transform="translate(0,904.36218)" d="m7 9v3h6v-4 1z" fill="url(#linearGradient4922)" fill-rule="evenodd" opacity=".75"/>
<path id="path4830" transform="translate(-58,904.36218)" d="m65 0v9h6c0-2 1-3 3-3v-6z" fill="url(#radialGradient4924)" fill-rule="evenodd" opacity=".75"/>
<path id="path4832" transform="translate(-58,904.36218)" d="m74 0v6h-1 4v-6h-4z" fill="url(#linearGradient4926)" fill-rule="evenodd" opacity=".75"/>
<rect id="rect4834" transform="scale(-1,1)" x="-19.000004" y="910.36218" width="5.9999919" height="6.0000224" ry=".9999752" fill="none"/>
<rect id="rect4836" transform="scale(-1,1)" x="-19.000004" y="910.36218" width="2.0000038" height="5.9999752" ry="0" fill="none"/>
<rect id="rect4838" transform="scale(-1,1)" x="-18" y="914.36218" width="4.9999924" height="2.0000248" fill="none"/>
</g>
<g id="shadow-topright" transform="translate(56.99998,1.7432666e-5)">
<path id="path4842" transform="translate(0,904.36218)" d="m57 9v-1 4h6v-4 1z" fill="url(#linearGradient4928)" fill-rule="evenodd" opacity=".85"/>
<path id="path4844" transform="translate(-58,904.36218)" d="m112 0v6c2 0 3 1 3 3h6v-9z" fill="url(#radialGradient4930)" fill-rule="evenodd" opacity=".85"/>
<path id="path4846" transform="translate(-58,904.36218)" d="m109 0v6h4-1v-6h1z" fill="url(#linearGradient3056)" fill-rule="evenodd" opacity=".85"/>
<path id="path4842" transform="translate(0,904.36218)" d="m57 9v-1 4h6v-4 1z" fill="url(#linearGradient4928)" fill-rule="evenodd" opacity=".75"/>
<path id="path4844" transform="translate(-58,904.36218)" d="m112 0v6c2 0 3 1 3 3h6v-9z" fill="url(#radialGradient4930)" fill-rule="evenodd" opacity=".75"/>
<path id="path4846" transform="translate(-58,904.36218)" d="m109 0v6h4-1v-6h1z" fill="url(#linearGradient3056)" fill-rule="evenodd" opacity=".75"/>
<rect id="rect4848" x="50.999985" y="910.36218" width="5.9999957" height="6.0000224" ry=".9999752" fill="none"/>
<rect id="rect4850" x="50.999985" y="910.36218" width="2.0000153" height="5.9999752" ry="0" fill="none"/>
<rect id="rect4852" x="52" y="914.36218" width="4.9999809" height="2.0000248" fill="none"/>
</g>
<g id="shadow-bottom" transform="translate(56.99998,1.7432666e-5)">
<rect id="rect4856" transform="rotate(90)" x="948.36218" y="-50.999985" width="6" height="32" fill="none"/>
<rect id="rect4858" transform="rotate(90)" x="954.36218" y="-50.999985" width="6" height="32" fill="url(#linearGradient4934)" opacity=".85"/>
<rect id="rect4858" transform="rotate(90)" x="954.36218" y="-50.999985" width="6" height="32" fill="url(#linearGradient4934)" opacity=".75"/>
<rect id="rect4860" transform="rotate(90)" x="953.36218" y="-50.999985" width="1.0000226" height="31.999971" fill="none"/>
</g>
<g id="shadow-bottomleft" transform="translate(56.99998,1.7432666e-5)">
<path id="path4864" transform="translate(-58,904.36218)" d="m74 50v6h-1 4v-6h-4z" fill="url(#linearGradient4936)" fill-rule="evenodd" opacity=".85"/>
<path id="path4866" transform="translate(-58,904.36218)" d="m65 47v9h9v-6c-2 0-3-1-3-3z" fill="url(#radialGradient4938)" fill-rule="evenodd" opacity=".85"/>
<path id="path4868" transform="translate(0,904.36218)" d="m7 44v4-1h6v1-4z" fill="url(#linearGradient4940)" fill-rule="evenodd" opacity=".85"/>
<path id="path4864" transform="translate(-58,904.36218)" d="m74 50v6h-1 4v-6h-4z" fill="url(#linearGradient4936)" fill-rule="evenodd" opacity=".75"/>
<path id="path4866" transform="translate(-58,904.36218)" d="m65 47v9h9v-6c-2 0-3-1-3-3z" fill="url(#radialGradient4938)" fill-rule="evenodd" opacity=".75"/>
<path id="path4868" transform="translate(0,904.36218)" d="m7 44v4-1h6v1-4z" fill="url(#linearGradient4940)" fill-rule="evenodd" opacity=".75"/>
<rect id="rect4870" transform="scale(-1)" x="-19.000004" y="-954.36188" width="5.9999957" height="5.999999" ry=".99971962" fill="none"/>
<rect id="rect4872" transform="scale(-1)" x="-19.000004" y="-954.36218" width="2.0000038" height="6.0000248" ry="0" fill="none"/>
<rect id="rect4874" transform="scale(-1)" x="-18" y="-950.36218" width="4.9999714" height="2.0000362" fill="none"/>
</g>
<g id="shadow-bottomright" transform="translate(56.99998,1.7432666e-5)">
<path id="path4878" transform="translate(-58,904.36218)" d="m109 50v6h4-1v-6h1z" fill="url(#linearGradient4942)" fill-rule="evenodd" opacity=".85"/>
<path id="path4880" transform="translate(-58,904.36218)" d="m115 47c0 2-1 3-3 3v6h9v-9z" fill="url(#radialGradient4944)" fill-rule="evenodd" opacity=".85"/>
<path id="path4882" transform="translate(0,904.36218)" d="m57 44v4-1h6v1-4z" fill="url(#linearGradient4946)" fill-rule="evenodd" opacity=".85"/>
<path id="path4878" transform="translate(-58,904.36218)" d="m109 50v6h4-1v-6h1z" fill="url(#linearGradient4942)" fill-rule="evenodd" opacity=".75"/>
<path id="path4880" transform="translate(-58,904.36218)" d="m115 47c0 2-1 3-3 3v6h9v-9z" fill="url(#radialGradient4944)" fill-rule="evenodd" opacity=".75"/>
<path id="path4882" transform="translate(0,904.36218)" d="m57 44v4-1h6v1-4z" fill="url(#linearGradient4946)" fill-rule="evenodd" opacity=".75"/>
<rect id="rect4884" transform="scale(1,-1)" x="50.999985" y="-954.36188" width="5.9999957" height="5.999999" ry=".99971962" fill="none"/>
<rect id="rect4886" transform="scale(1,-1)" x="50.999985" y="-954.36218" width="2.0000153" height="6.0000248" ry="0" fill="none"/>
<rect id="rect4888" transform="scale(1,-1)" x="52" y="-950.36218" width="4.9999847" height="2.0000362" fill="none"/>
</g>
<g id="shadow-left" transform="translate(56.99998,1.7432666e-5)">
<rect id="rect4892" transform="scale(-1,1)" x="-19.000004" y="916.36218" width="5.9999995" height="32" fill="none"/>
<rect id="rect4894" transform="scale(-1,1)" x="-13.000002" y="916.36218" width="5.9999995" height="32" fill="url(#linearGradient4948)" opacity=".85"/>
<rect id="rect4894" transform="scale(-1,1)" x="-13.000002" y="916.36218" width="5.9999995" height="32" fill="url(#linearGradient4948)" opacity=".75"/>
<rect id="rect4896" transform="scale(-1,1)" x="-14.000002" y="916.36218" width="1.0000019" height="32.000023" fill="none"/>
</g>
<g id="shadow-right" transform="translate(56.99998,1.7432666e-5)">
<rect id="rect4900" x="50.999985" y="916.36218" width="5.9999995" height="32" fill="none"/>
<rect id="rect4902" x="56.999985" y="916.36218" width="5.9999995" height="32" fill="url(#linearGradient4950)" opacity=".85"/>
<rect id="rect4902" x="56.999985" y="916.36218" width="5.9999995" height="32" fill="url(#linearGradient4950)" opacity=".75"/>
<rect id="rect4904" x="55.999985" y="916.36218" width="1" height="32.000023" fill="none"/>
</g>
<g id="shadow-center" transform="translate(56.99998,1.7432666e-5)" fill="none">
@ -214,16 +214,16 @@
<path id="mask-topleft" class="ColorScheme-Background" d="m132.00016 910.61204v8.25016h-8.25016v-4.12508c0-2.75005 1.37503-4.12508 4.12508-4.12508h2.75005z"/>
<path id="mask-topright" class="ColorScheme-Background" d="m159.49998 910.61204v8.25016h8.25016v-4.12508c0-2.75005-1.37503-4.12508-4.12508-4.12508h-2.75005z"/>
<g id="topleft" transform="translate(0,-2.0185303e-5)">
<path id="rect4159" class="ColorScheme-Background" transform="translate(0,904.36218)" d="m16 6c-2 0-3 1-3 3v3h6v-6h-1 1z" fill="currentColor" opacity=".85"/>
<path id="rect4159" class="ColorScheme-Background" transform="translate(0,904.36218)" d="m16 6c-2 0-3 1-3 3v3h6v-6h-1 1z" fill="currentColor" opacity=".75"/>
</g>
<g id="topright" transform="translate(0,-2.0185303e-5)">
<path id="rect4177" class="ColorScheme-Background" transform="translate(0,904.36218)" d="m51 6v6h6v-3c0-2-1-3-3-3h-2z" fill="currentColor" opacity=".85"/>
<path id="rect4177" class="ColorScheme-Background" transform="translate(0,904.36218)" d="m51 6v6h6v-3c0-2-1-3-3-3h-2z" fill="currentColor" opacity=".75"/>
</g>
<g id="bottomleft" transform="translate(0,-2.0185303e-5)">
<path id="path5048" class="ColorScheme-Background" d="m19 954.36218v-6h-6v3c0 2 1 3 3 3h2z" fill="currentColor" opacity=".85"/>
<path id="path5048" class="ColorScheme-Background" d="m19 954.36218v-6h-6v3c0 2 1 3 3 3h2z" fill="currentColor" opacity=".75"/>
</g>
<g id="bottomright" transform="translate(0,-2.0185303e-5)">
<path id="rect4177-6" class="ColorScheme-Background" d="m51 954.36218v-6h6v3c0 2-1 3-3 3h-2z" fill="currentColor" opacity=".85"/>
<path id="rect4177-6" class="ColorScheme-Background" d="m51 954.36218v-6h6v3c0 2-1 3-3 3h-2z" fill="currentColor" opacity=".75"/>
</g>
<rect id="hint-top-inset" x="33" y="904.36218" width="4" height="1e-6" fill="#0f0"/>
<rect id="hint-bottom-inset" x="33" y="954.36218" width="4" height="1e-6" fill="#0f0"/>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 19 KiB

After

Width:  |  Height:  |  Size: 19 KiB

18
src/desktoptheme/breeze/translucent/widgets/tooltip.svg
View File

@ -947,7 +947,7 @@
height="32"
width="6"
id="rect4152"
style="opacity:0.85;fill:currentColor;fill-opacity:1;stroke:none"
style="opacity:0.6;fill:currentColor;fill-opacity:1;stroke:none"
transform="matrix(0,-1,-1,0,0,0)"
class="ColorScheme-Background" />
</g>
@ -956,7 +956,7 @@
id="bottom">
<rect
transform="rotate(90)"
style="opacity:0.85;fill:currentColor;fill-opacity:1;stroke:none"
style="opacity:0.6;fill:currentColor;fill-opacity:1;stroke:none"
id="rect4148"
width="6"
height="32"
@ -969,7 +969,7 @@
id="left">
<rect
transform="scale(-1,1)"
style="opacity:0.85;fill:currentColor;fill-opacity:1;stroke:none"
style="opacity:0.6;fill:currentColor;fill-opacity:1;stroke:none"
id="rect4144"
width="5.9999995"
height="32"
@ -986,7 +986,7 @@
height="32"
width="5.9999995"
id="rect4140"
style="opacity:0.85;fill:currentColor;fill-opacity:1;stroke:none"
style="opacity:0.6;fill:currentColor;fill-opacity:1;stroke:none"
class="ColorScheme-Background" />
</g>
<g
@ -1000,7 +1000,7 @@
id="rect4401"
style="opacity:1;fill:none;fill-opacity:1;stroke:none" />
<rect
style="opacity:0.85;fill:currentColor;fill-opacity:1;stroke:none"
style="opacity:0.6;fill:currentColor;fill-opacity:1;stroke:none"
id="rect4138"
width="32"
height="32"
@ -1475,7 +1475,7 @@
transform="translate(3.5e-5,-6.280249e-5)"
id="topleft">
<path
style="opacity:0.85;fill:currentColor;fill-opacity:1;stroke:none"
style="opacity:0.6;fill:currentColor;fill-opacity:1;stroke:none"
d="m 16,6 c -2,0 -3,1 -3,3 v 2 1 h 4 1 1 V 11 7 6 h -1 1 z"
transform="translate(0,904.36218)"
id="rect4159"
@ -1487,7 +1487,7 @@
transform="translate(3.5e-5,-6.280249e-5)"
id="topright">
<path
style="opacity:0.85;fill:currentColor;fill-opacity:1;stroke:none"
style="opacity:0.6;fill:currentColor;fill-opacity:1;stroke:none"
d="m 51,6 v 1 4 1 h 1 1 3 1 V 11 9 C 57,7 56,6 54,6 h -1 -1 z"
transform="translate(0,904.36218)"
id="rect4177"
@ -1500,7 +1500,7 @@
id="bottomleft">
<path
inkscape:connector-curvature="0"
style="opacity:0.85;fill:currentColor;fill-opacity:1;stroke:none"
style="opacity:0.6;fill:currentColor;fill-opacity:1;stroke:none"
d="m 19,954.36218 v -1 -4 -1 h -1 -1 -3 -1 v 1 2 c 0,2 1,3 3,3 h 1 1 z"
id="path5048"
class="ColorScheme-Background"
@ -1512,7 +1512,7 @@
<path
id="rect4177-6"
d="m 51,954.36218 v -1 -4 -1 h 1 1 3 1 v 1 2 c 0,2 -1,3 -3,3 h -1 -1 z"
style="opacity:0.85;fill:currentColor;fill-opacity:1;stroke:none"
style="opacity:0.6;fill:currentColor;fill-opacity:1;stroke:none"
inkscape:connector-curvature="0"
class="ColorScheme-Background"
sodipodi:nodetypes="cccccccccssccc" />

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 47 KiB

After

Width:  |  Height:  |  Size: 47 KiB

36
src/desktoptheme/breeze/widgets/plasmoidheading.svg
View File

@ -6,42 +6,42 @@
color:#eff0f1;
}</style>
<path id="hint-stretch-borders" d="m-7-7h5v5h-5z" opacity=".6"/>
<path id="header-center" class="ColorScheme-Background" d="m19 12h32v32h-32z" fill="currentColor" />
<path id="header-right" class="ColorScheme-Background" d="m51 12h6v32h-6z" fill="currentColor" />
<path id="header-top" class="ColorScheme-Background" transform="rotate(-90)" d="m-12 19h6v32h-6z" fill="currentColor" />
<path id="header-center" class="ColorScheme-Background" d="m19 12h32v32h-32z" fill="currentColor" opacity=".75" />
<path id="header-right" class="ColorScheme-Background" d="m51 12h6v32h-6z" fill="currentColor" opacity=".75" />
<path id="header-top" class="ColorScheme-Background" transform="rotate(-90)" d="m-12 19h6v32h-6z" fill="currentColor" opacity=".75" />
<g id="header-bottom">
<path id="rect3152" class="ColorScheme-Background" fill="currentColor" transform="rotate(90)" d="m44-51h6v32h-6z" />
<path id="rect3152" class="ColorScheme-Background" fill="currentColor" opacity=".75" transform="rotate(90)" d="m44-51h6v32h-6z" />
<path id="rect3154" class="ColorScheme-Text" fill="currentColor" transform="rotate(90)" d="m49-51h1v32h-1z" opacity=".15"/>
</g>
<path id="header-left" class="ColorScheme-Background" transform="scale(-1)" d="m-19-44h6v32h-6z" fill="currentColor" />
<path id="header-left" class="ColorScheme-Background" transform="scale(-1)" d="m-19-44h6v32h-6z" fill="currentColor" opacity=".75" />
<g id="header-bottomright">
<path id="path3176" class="ColorScheme-Background" fill="currentColor" d="m57 44h-6v6h6v-5z" />
<path id="path3176" class="ColorScheme-Background" fill="currentColor" opacity=".75" d="m57 44h-6v6h6v-5z" />
<path id="path3178" class="ColorScheme-Text" fill="currentColor" d="m57 49h-6v1h6c0-1-2e-5 0 0-1z" fill-rule="evenodd" opacity=".15"/>
</g>
<g id="header-bottomleft">
<path id="path3182" class="ColorScheme-Background" fill="currentColor" d="m19 50v-6h-6v6c6 4e-5 0 0 4 0h1z" />
<path id="path3182" class="ColorScheme-Background" fill="currentColor" opacity=".75" d="m19 50v-6h-6v6c6 4e-5 0 0 4 0h1z" />
<path id="path3184" class="ColorScheme-Text" fill="currentColor" d="m19 50v-1h-4l-2-2e-5v1l2 2e-5h1z" fill-rule="evenodd" opacity=".15"/>
</g>
<path id="header-topleft" class="ColorScheme-Background" d="m16 6c-2 0-3 1-3 3v3h6v-6h-1 1z" fill="currentColor" />
<path id="header-topright" class="ColorScheme-Background" d="m51 6v6h6v-3c0-2-1-3-3-3h-2z" fill="currentColor" />
<path id="footer-center" class="ColorScheme-Background" transform="scale(1 -1)" d="m67-44h32v32h-32z" fill="currentColor" />
<path id="footer-right" class="ColorScheme-Background" transform="scale(1 -1)" d="m99-44h6v32h-6z" fill="currentColor" />
<path id="footer-bottom" class="ColorScheme-Background" transform="matrix(0 1 1 0 0 0)" d="m44 67h6v32h-6z" fill="currentColor" />
<path id="header-topleft" class="ColorScheme-Background" d="m16 6c-2 0-3 1-3 3v3h6v-6h-1 1z" fill="currentColor" opacity=".75" />
<path id="header-topright" class="ColorScheme-Background" d="m51 6v6h6v-3c0-2-1-3-3-3h-2z" fill="currentColor" opacity=".75" />
<path id="footer-center" class="ColorScheme-Background" transform="scale(1 -1)" d="m67-44h32v32h-32z" fill="currentColor" opacity=".75" />
<path id="footer-right" class="ColorScheme-Background" transform="scale(1 -1)" d="m99-44h6v32h-6z" fill="currentColor" opacity=".75" />
<path id="footer-bottom" class="ColorScheme-Background" transform="matrix(0 1 1 0 0 0)" d="m44 67h6v32h-6z" fill="currentColor" opacity=".75" />
<g id="footer-top">
<path id="rect3152-0" class="ColorScheme-Background" fill="currentColor" transform="matrix(0 -1 -1 0 0 0)" d="m-12-99h6v32h-6z" />
<path id="rect3152-0" class="ColorScheme-Background" fill="currentColor" opacity=".75" transform="matrix(0 -1 -1 0 0 0)" d="m-12-99h6v32h-6z" />
<path id="rect3154-9" class="ColorScheme-Text" fill="currentColor" transform="matrix(0 -1 -1 0 0 0)" d="m-7-99h1v32h-1z" opacity=".15"/>
</g>
<path id="footer-left" class="ColorScheme-Background" transform="scale(-1 1)" d="m-67 12h6v32h-6z" fill="currentColor" />
<path id="footer-left" class="ColorScheme-Background" transform="scale(-1 1)" d="m-67 12h6v32h-6z" fill="currentColor" opacity=".75" />
<g id="footer-topright">
<path id="path3176-6" class="ColorScheme-Background" fill="currentColor" d="m105 12h-6v-6h6v5z" />
<path id="path3176-6" class="ColorScheme-Background" fill="currentColor" opacity=".75" d="m105 12h-6v-6h6v5z" />
<path id="path3178-2" class="ColorScheme-Text" fill="currentColor" d="m105 7h-6v-1h6c0 1-2e-5 0 0 1z" fill-rule="evenodd" opacity=".15"/>
</g>
<g id="footer-topleft">
<path id="path3182-1" class="ColorScheme-Background" fill="currentColor" d="m67 6v6h-6v-6c6-4e-5 0 0 4 0h1z" />
<path id="path3182-1" class="ColorScheme-Background" fill="currentColor" opacity=".75" d="m67 6v6h-6v-6c6-4e-5 0 0 4 0h1z" />
<path id="path3184-8" class="ColorScheme-Text" fill="currentColor" d="m67 6v1h-4l-2 2e-5v-1l2-2e-5h1z" fill-rule="evenodd" opacity=".15"/>
</g>
<path id="footer-bottomleft" class="ColorScheme-Background" d="m64 50c-2 0-3-1-3-3v-3h6v6h-1 1z" fill="currentColor" />
<path id="footer-bottomright" class="ColorScheme-Background" d="m99 50v-6h6v3c0 2-1 3-3 3h-2z" fill="currentColor" />
<path id="footer-bottomleft" class="ColorScheme-Background" d="m64 50c-2 0-3-1-3-3v-3h6v6h-1 1z" fill="currentColor" opacity=".75" />
<path id="footer-bottomright" class="ColorScheme-Background" d="m99 50v-6h6v3c0 2-1 3-3 3h-2z" fill="currentColor" opacity=".75" />
<path id="hint-top-margin" d="m33 12h4v6h-4z" fill="#f0f"/>
<path id="hint-bottom-margin" d="m33 38h4v6h-4z" fill="#f0f"/>
<path id="hint-right-margin" transform="rotate(90)" d="m26-51h4v6h-4z" fill="#f0f"/>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.8 KiB

After

Width:  |  Height:  |  Size: 4.1 KiB