refactor titlebutton styling

pull/230/merge
Horst3180 8 years ago
parent 22f68ab863
commit 3648a7788c

@ -24,9 +24,9 @@
borderopacity="1.0" borderopacity="1.0"
inkscape:pageopacity="0.0" inkscape:pageopacity="0.0"
inkscape:pageshadow="2" inkscape:pageshadow="2"
inkscape:zoom="8" inkscape:zoom="4"
inkscape:cx="176.38504" inkscape:cx="117.91346"
inkscape:cy="151.27384" inkscape:cy="193.93448"
inkscape:document-units="px" inkscape:document-units="px"
inkscape:current-layer="layer1" inkscape:current-layer="layer1"
showgrid="false" showgrid="false"
@ -2239,7 +2239,7 @@
style="display:inline" style="display:inline"
transform="translate(8.000005,285.63782)"> transform="translate(8.000005,285.63782)">
<g <g
id="titlebutton-min" id="titlebutton-minimize"
inkscape:label="#g6247" inkscape:label="#g6247"
transform="translate(-471,-43)" transform="translate(-471,-43)"
style="opacity:0.8"> style="opacity:0.8">
@ -2652,7 +2652,7 @@
style="color:#bebebe;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:'Andale Mono';-inkscape-font-specification:'Andale Mono';text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;text-anchor:start;display:inline;overflow:visible;visibility:visible;opacity:1;fill:#f8f8f9;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.78124988;marker:none;enable-background:new" /> style="color:#bebebe;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:'Andale Mono';-inkscape-font-specification:'Andale Mono';text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;text-anchor:start;display:inline;overflow:visible;visibility:visible;opacity:1;fill:#f8f8f9;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.78124988;marker:none;enable-background:new" />
</g> </g>
<g <g
id="titlebutton-max" id="titlebutton-maximize"
inkscape:label="#g6234" inkscape:label="#g6234"
transform="translate(-480,-43)" transform="translate(-480,-43)"
style="opacity:0.8"> style="opacity:0.8">
@ -2765,7 +2765,7 @@
style="color:#bebebe;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:'Andale Mono';-inkscape-font-specification:'Andale Mono';text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;text-anchor:start;display:inline;overflow:visible;visibility:visible;opacity:1;fill:#f8f8f9;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.78124988;marker:none;enable-background:new" /> style="color:#bebebe;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:'Andale Mono';-inkscape-font-specification:'Andale Mono';text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;text-anchor:start;display:inline;overflow:visible;visibility:visible;opacity:1;fill:#f8f8f9;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.78124988;marker:none;enable-background:new" />
</g> </g>
<g <g
id="titlebutton-max-hover" id="titlebutton-maximize-hover"
inkscape:label="#g6284" inkscape:label="#g6284"
transform="translate(-377,-9)"> transform="translate(-377,-9)">
<g <g
@ -2851,7 +2851,7 @@
style="display:inline;opacity:1;fill:none;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" /> style="display:inline;opacity:1;fill:none;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
</g> </g>
<g <g
id="titlebutton-min-hover" id="titlebutton-minimize-hover"
inkscape:label="#g6308" inkscape:label="#g6308"
transform="translate(-368,-9)"> transform="translate(-368,-9)">
<g <g
@ -3019,7 +3019,7 @@
style="display:inline;opacity:1;fill:none;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" /> style="display:inline;opacity:1;fill:none;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
</g> </g>
<g <g
id="titlebutton-max-active" id="titlebutton-maximize-active"
inkscape:label="#g6356" inkscape:label="#g6356"
transform="translate(-276,8)"> transform="translate(-276,8)">
<g <g
@ -3109,7 +3109,7 @@
style="display:inline;opacity:1;fill:none;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" /> style="display:inline;opacity:1;fill:none;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
</g> </g>
<g <g
id="titlebutton-min-active" id="titlebutton-minimize-active"
inkscape:label="#g6414" inkscape:label="#g6414"
transform="translate(-267,8)"> transform="translate(-267,8)">
<g <g
@ -3199,7 +3199,7 @@
y="-185.63782" /> y="-185.63782" />
</g> </g>
<g <g
id="titlebutton-max-backdrop" id="titlebutton-maximize-backdrop"
inkscape:label="#g6521" inkscape:label="#g6521"
style="opacity:0.45" style="opacity:0.45"
transform="translate(-480,-43)"> transform="translate(-480,-43)">
@ -3232,7 +3232,7 @@
y="-168.63782" /> y="-168.63782" />
</g> </g>
<g <g
id="titlebutton-min-backdrop" id="titlebutton-minimize-backdrop"
inkscape:label="#g6534" inkscape:label="#g6534"
style="opacity:0.45" style="opacity:0.45"
transform="translate(-471,-43)"> transform="translate(-471,-43)">
@ -4648,7 +4648,7 @@
</g> </g>
<g <g
style="display:inline;opacity:0.7" style="display:inline;opacity:0.7"
id="titlebutton-min-dark" id="titlebutton-minimize-dark"
inkscape:label="#g6247" inkscape:label="#g6247"
transform="translate(-229.00002,-43.000019)"> transform="translate(-229.00002,-43.000019)">
<g <g
@ -4757,7 +4757,7 @@
</g> </g>
<g <g
style="display:inline;opacity:0.7" style="display:inline;opacity:0.7"
id="titlebutton-max-dark" id="titlebutton-maximize-dark"
inkscape:label="#g6234" inkscape:label="#g6234"
transform="translate(-238.00002,-43.000019)"> transform="translate(-238.00002,-43.000019)">
<g <g
@ -4866,7 +4866,7 @@
</g> </g>
<g <g
style="display:inline" style="display:inline"
id="titlebutton-max-hover-dark" id="titlebutton-maximize-hover-dark"
inkscape:label="#g6284" inkscape:label="#g6284"
transform="translate(-135.00001,-9.0000206)"> transform="translate(-135.00001,-9.0000206)">
<g <g
@ -4953,7 +4953,7 @@
</g> </g>
<g <g
style="display:inline" style="display:inline"
id="titlebutton-min-hover-dark" id="titlebutton-minimize-hover-dark"
inkscape:label="#g6308" inkscape:label="#g6308"
transform="translate(-126.00001,-9.0000206)"> transform="translate(-126.00001,-9.0000206)">
<g <g
@ -5116,7 +5116,7 @@
</g> </g>
<g <g
style="display:inline" style="display:inline"
id="titlebutton-max-active-dark" id="titlebutton-maximize-active-dark"
inkscape:label="#g6356" inkscape:label="#g6356"
transform="translate(-34.000017,7.9999889)"> transform="translate(-34.000017,7.9999889)">
<g <g
@ -5207,7 +5207,7 @@
</g> </g>
<g <g
style="display:inline" style="display:inline"
id="titlebutton-min-active-dark" id="titlebutton-minimize-active-dark"
inkscape:label="#g6414" inkscape:label="#g6414"
transform="translate(-25.000017,7.9999889)"> transform="translate(-25.000017,7.9999889)">
<g <g
@ -5297,7 +5297,7 @@
y="-185.63782" /> y="-185.63782" />
</g> </g>
<g <g
id="titlebutton-max-backdrop-dark" id="titlebutton-maximize-backdrop-dark"
inkscape:label="#g6521" inkscape:label="#g6521"
style="display:inline;opacity:0.4" style="display:inline;opacity:0.4"
transform="translate(-238.00002,-43.000019)"> transform="translate(-238.00002,-43.000019)">
@ -5330,7 +5330,7 @@
y="-168.63782" /> y="-168.63782" />
</g> </g>
<g <g
id="titlebutton-min-backdrop-dark" id="titlebutton-minimize-backdrop-dark"
inkscape:label="#g6534" inkscape:label="#g6534"
style="display:inline;opacity:0.4" style="display:inline;opacity:0.4"
transform="translate(-229.00002,-43.000019)"> transform="translate(-229.00002,-43.000019)">

Before

Width:  |  Height:  |  Size: 229 KiB

After

Width:  |  Height:  |  Size: 229 KiB

@ -40,14 +40,14 @@ titlebutton-close
titlebutton-close-backdrop titlebutton-close-backdrop
titlebutton-close-hover titlebutton-close-hover
titlebutton-close-active titlebutton-close-active
titlebutton-max titlebutton-maximize
titlebutton-max-backdrop titlebutton-maximize-backdrop
titlebutton-max-hover titlebutton-maximize-hover
titlebutton-max-active titlebutton-maximize-active
titlebutton-min titlebutton-minimize
titlebutton-min-backdrop titlebutton-minimize-backdrop
titlebutton-min-hover titlebutton-minimize-hover
titlebutton-min-active titlebutton-minimize-active
checkbox-checked-dark checkbox-checked-dark
checkbox-checked-insensitive-dark checkbox-checked-insensitive-dark
checkbox-unchecked-dark checkbox-unchecked-dark
@ -74,11 +74,11 @@ titlebutton-close-dark
titlebutton-close-backdrop-dark titlebutton-close-backdrop-dark
titlebutton-close-hover-dark titlebutton-close-hover-dark
titlebutton-close-active-dark titlebutton-close-active-dark
titlebutton-max-dark titlebutton-maximize-dark
titlebutton-max-backdrop-dark titlebutton-maximize-backdrop-dark
titlebutton-max-hover-dark titlebutton-maximize-hover-dark
titlebutton-max-active-dark titlebutton-maximize-active-dark
titlebutton-min-dark titlebutton-minimize-dark
titlebutton-min-backdrop-dark titlebutton-minimize-backdrop-dark
titlebutton-min-hover-dark titlebutton-minimize-hover-dark
titlebutton-min-active-dark titlebutton-minimize-active-dark

Before

Width:  |  Height:  |  Size: 241 B

After

Width:  |  Height:  |  Size: 241 B

Before

Width:  |  Height:  |  Size: 168 B

After

Width:  |  Height:  |  Size: 168 B

@ -2359,7 +2359,7 @@ GtkVolumeButton.button {
.titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(3), .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(3),
.titlebar.selection-mode .left .button.titlebutton:nth-child(3), .titlebar.selection-mode .left .button.titlebutton:nth-child(3),
.titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3) { .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3) {
background-image: -gtk-scaled(url("assets/titlebutton-min-dark.png"), url("assets/titlebutton-min-dark@2.png")); } background-image: -gtk-scaled(url("assets/titlebutton-minimize-dark.png"), url("assets/titlebutton-minimize-dark@2.png")); }
.header-bar .right .button.titlebutton:nth-last-child(3):hover, .header-bar .right .button.titlebutton:nth-last-child(3):backdrop:hover, .header-bar .right .button.titlebutton:nth-last-child(3):hover, .header-bar .right .button.titlebutton:nth-last-child(3):backdrop:hover,
.header-bar .right:dir(rtl) .button.titlebutton:nth-child(3):hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(3):hover,
.header-bar .right:dir(rtl) .button.titlebutton:nth-child(3):backdrop:hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(3):backdrop:hover,
@ -2387,7 +2387,7 @@ GtkVolumeButton.button {
.titlebar.selection-mode .left .button.titlebutton:nth-child(3):backdrop:hover, .titlebar.selection-mode .left .button.titlebutton:nth-child(3):backdrop:hover,
.titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):hover, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):hover,
.titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop:hover { .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop:hover {
background-image: -gtk-scaled(url("assets/titlebutton-min-hover-dark.png"), url("assets/titlebutton-min-hover-dark@2.png")); } background-image: -gtk-scaled(url("assets/titlebutton-minimize-hover-dark.png"), url("assets/titlebutton-minimize-hover-dark@2.png")); }
.header-bar .right .button.titlebutton:nth-last-child(3):active:hover, .header-bar .right .button.titlebutton:nth-last-child(3):active:hover,
.header-bar .right:dir(rtl) .button.titlebutton:nth-child(3):active:hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(3):active:hover,
.header-bar .left .button.titlebutton:nth-child(3):active:hover, .header-bar .left .button.titlebutton:nth-child(3):active:hover,
@ -2402,7 +2402,7 @@ GtkVolumeButton.button {
.titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(3):active:hover, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(3):active:hover,
.titlebar.selection-mode .left .button.titlebutton:nth-child(3):active:hover, .titlebar.selection-mode .left .button.titlebutton:nth-child(3):active:hover,
.titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):active:hover { .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):active:hover {
background-image: -gtk-scaled(url("assets/titlebutton-min-active-dark.png"), url("assets/titlebutton-min-active-dark@2.png")); } background-image: -gtk-scaled(url("assets/titlebutton-minimize-active-dark.png"), url("assets/titlebutton-minimize-active-dark@2.png")); }
.header-bar .right .button.titlebutton:nth-last-child(3):backdrop, .header-bar .right .button.titlebutton:nth-last-child(3):backdrop,
.header-bar .right:dir(rtl) .button.titlebutton:nth-child(3):backdrop, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(3):backdrop,
.header-bar .left .button.titlebutton:nth-child(3):backdrop, .header-bar .left .button.titlebutton:nth-child(3):backdrop,
@ -2417,7 +2417,7 @@ GtkVolumeButton.button {
.titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(3):backdrop, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(3):backdrop,
.titlebar.selection-mode .left .button.titlebutton:nth-child(3):backdrop, .titlebar.selection-mode .left .button.titlebutton:nth-child(3):backdrop,
.titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop { .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop {
background-image: -gtk-scaled(url("assets/titlebutton-min-backdrop-dark.png"), url("assets/titlebutton-min-backdrop-dark@2.png")); } background-image: -gtk-scaled(url("assets/titlebutton-minimize-backdrop-dark.png"), url("assets/titlebutton-minimize-backdrop-dark@2.png")); }
.header-bar .right .button.titlebutton:nth-last-child(2), .header-bar .right .button.titlebutton:nth-last-child(2),
.header-bar .right:dir(rtl) .button.titlebutton:nth-child(2), .header-bar .right:dir(rtl) .button.titlebutton:nth-child(2),
@ -2433,7 +2433,7 @@ GtkVolumeButton.button {
.titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(2), .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(2),
.titlebar.selection-mode .left .button.titlebutton:nth-child(2), .titlebar.selection-mode .left .button.titlebutton:nth-child(2),
.titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2) { .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2) {
background-image: -gtk-scaled(url("assets/titlebutton-max-dark.png"), url("assets/titlebutton-max-dark@2.png")); } background-image: -gtk-scaled(url("assets/titlebutton-maximize-dark.png"), url("assets/titlebutton-maximize-dark@2.png")); }
.header-bar .right .button.titlebutton:nth-last-child(2):hover, .header-bar .right .button.titlebutton:nth-last-child(2):backdrop:hover, .header-bar .right .button.titlebutton:nth-last-child(2):hover, .header-bar .right .button.titlebutton:nth-last-child(2):backdrop:hover,
.header-bar .right:dir(rtl) .button.titlebutton:nth-child(2):hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(2):hover,
.header-bar .right:dir(rtl) .button.titlebutton:nth-child(2):backdrop:hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(2):backdrop:hover,
@ -2461,7 +2461,7 @@ GtkVolumeButton.button {
.titlebar.selection-mode .left .button.titlebutton:nth-child(2):backdrop:hover, .titlebar.selection-mode .left .button.titlebutton:nth-child(2):backdrop:hover,
.titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):hover, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):hover,
.titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop:hover { .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop:hover {
background-image: -gtk-scaled(url("assets/titlebutton-max-hover-dark.png"), url("assets/titlebutton-max-hover-dark@2.png")); } background-image: -gtk-scaled(url("assets/titlebutton-maximize-hover-dark.png"), url("assets/titlebutton-maximize-hover-dark@2.png")); }
.header-bar .right .button.titlebutton:nth-last-child(2):active:hover, .header-bar .right .button.titlebutton:nth-last-child(2):active:hover,
.header-bar .right:dir(rtl) .button.titlebutton:nth-child(2):active:hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(2):active:hover,
.header-bar .left .button.titlebutton:nth-child(2):active:hover, .header-bar .left .button.titlebutton:nth-child(2):active:hover,
@ -2476,7 +2476,7 @@ GtkVolumeButton.button {
.titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(2):active:hover, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(2):active:hover,
.titlebar.selection-mode .left .button.titlebutton:nth-child(2):active:hover, .titlebar.selection-mode .left .button.titlebutton:nth-child(2):active:hover,
.titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):active:hover { .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):active:hover {
background-image: -gtk-scaled(url("assets/titlebutton-max-active-dark.png"), url("assets/titlebutton-max-active-dark@2.png")); } background-image: -gtk-scaled(url("assets/titlebutton-maximize-active-dark.png"), url("assets/titlebutton-maximize-active-dark@2.png")); }
.header-bar .right .button.titlebutton:nth-last-child(2):backdrop, .header-bar .right .button.titlebutton:nth-last-child(2):backdrop,
.header-bar .right:dir(rtl) .button.titlebutton:nth-child(2):backdrop, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(2):backdrop,
.header-bar .left .button.titlebutton:nth-child(2):backdrop, .header-bar .left .button.titlebutton:nth-child(2):backdrop,
@ -2491,7 +2491,7 @@ GtkVolumeButton.button {
.titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(2):backdrop, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(2):backdrop,
.titlebar.selection-mode .left .button.titlebutton:nth-child(2):backdrop, .titlebar.selection-mode .left .button.titlebutton:nth-child(2):backdrop,
.titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop { .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop {
background-image: -gtk-scaled(url("assets/titlebutton-max-backdrop-dark.png"), url("assets/titlebutton-max-backdrop-dark@2.png")); } background-image: -gtk-scaled(url("assets/titlebutton-maximize-backdrop-dark.png"), url("assets/titlebutton-maximize-backdrop-dark@2.png")); }
.header-bar .right .button.titlebutton:last-child, .header-bar .right .button.titlebutton:last-child,
.header-bar .right:dir(rtl) .button.titlebutton:first-child, .header-bar .right:dir(rtl) .button.titlebutton:first-child,

@ -2362,7 +2362,7 @@ GtkVolumeButton.button {
.titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(3), .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(3),
.titlebar.selection-mode .left .button.titlebutton:nth-child(3), .titlebar.selection-mode .left .button.titlebutton:nth-child(3),
.titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3) { .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3) {
background-image: -gtk-scaled(url("assets/titlebutton-min-dark.png"), url("assets/titlebutton-min-dark@2.png")); } background-image: -gtk-scaled(url("assets/titlebutton-minimize-dark.png"), url("assets/titlebutton-minimize-dark@2.png")); }
.header-bar .right .button.titlebutton:nth-last-child(3):hover, .header-bar .right .button.titlebutton:nth-last-child(3):backdrop:hover, .header-bar .right .button.titlebutton:nth-last-child(3):hover, .header-bar .right .button.titlebutton:nth-last-child(3):backdrop:hover,
.header-bar .right:dir(rtl) .button.titlebutton:nth-child(3):hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(3):hover,
.header-bar .right:dir(rtl) .button.titlebutton:nth-child(3):backdrop:hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(3):backdrop:hover,
@ -2390,7 +2390,7 @@ GtkVolumeButton.button {
.titlebar.selection-mode .left .button.titlebutton:nth-child(3):backdrop:hover, .titlebar.selection-mode .left .button.titlebutton:nth-child(3):backdrop:hover,
.titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):hover, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):hover,
.titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop:hover { .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop:hover {
background-image: -gtk-scaled(url("assets/titlebutton-min-hover-dark.png"), url("assets/titlebutton-min-hover-dark@2.png")); } background-image: -gtk-scaled(url("assets/titlebutton-minimize-hover-dark.png"), url("assets/titlebutton-minimize-hover-dark@2.png")); }
.header-bar .right .button.titlebutton:nth-last-child(3):active:hover, .header-bar .right .button.titlebutton:nth-last-child(3):active:hover,
.header-bar .right:dir(rtl) .button.titlebutton:nth-child(3):active:hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(3):active:hover,
.header-bar .left .button.titlebutton:nth-child(3):active:hover, .header-bar .left .button.titlebutton:nth-child(3):active:hover,
@ -2405,7 +2405,7 @@ GtkVolumeButton.button {
.titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(3):active:hover, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(3):active:hover,
.titlebar.selection-mode .left .button.titlebutton:nth-child(3):active:hover, .titlebar.selection-mode .left .button.titlebutton:nth-child(3):active:hover,
.titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):active:hover { .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):active:hover {
background-image: -gtk-scaled(url("assets/titlebutton-min-active-dark.png"), url("assets/titlebutton-min-active-dark@2.png")); } background-image: -gtk-scaled(url("assets/titlebutton-minimize-active-dark.png"), url("assets/titlebutton-minimize-active-dark@2.png")); }
.header-bar .right .button.titlebutton:nth-last-child(3):backdrop, .header-bar .right .button.titlebutton:nth-last-child(3):backdrop,
.header-bar .right:dir(rtl) .button.titlebutton:nth-child(3):backdrop, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(3):backdrop,
.header-bar .left .button.titlebutton:nth-child(3):backdrop, .header-bar .left .button.titlebutton:nth-child(3):backdrop,
@ -2420,7 +2420,7 @@ GtkVolumeButton.button {
.titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(3):backdrop, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(3):backdrop,
.titlebar.selection-mode .left .button.titlebutton:nth-child(3):backdrop, .titlebar.selection-mode .left .button.titlebutton:nth-child(3):backdrop,
.titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop { .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop {
background-image: -gtk-scaled(url("assets/titlebutton-min-backdrop-dark.png"), url("assets/titlebutton-min-backdrop-dark@2.png")); } background-image: -gtk-scaled(url("assets/titlebutton-minimize-backdrop-dark.png"), url("assets/titlebutton-minimize-backdrop-dark@2.png")); }
.header-bar .right .button.titlebutton:nth-last-child(2), .header-bar .right .button.titlebutton:nth-last-child(2),
.header-bar .right:dir(rtl) .button.titlebutton:nth-child(2), .header-bar .right:dir(rtl) .button.titlebutton:nth-child(2),
@ -2436,7 +2436,7 @@ GtkVolumeButton.button {
.titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(2), .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(2),
.titlebar.selection-mode .left .button.titlebutton:nth-child(2), .titlebar.selection-mode .left .button.titlebutton:nth-child(2),
.titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2) { .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2) {
background-image: -gtk-scaled(url("assets/titlebutton-max-dark.png"), url("assets/titlebutton-max-dark@2.png")); } background-image: -gtk-scaled(url("assets/titlebutton-maximize-dark.png"), url("assets/titlebutton-maximize-dark@2.png")); }
.header-bar .right .button.titlebutton:nth-last-child(2):hover, .header-bar .right .button.titlebutton:nth-last-child(2):backdrop:hover, .header-bar .right .button.titlebutton:nth-last-child(2):hover, .header-bar .right .button.titlebutton:nth-last-child(2):backdrop:hover,
.header-bar .right:dir(rtl) .button.titlebutton:nth-child(2):hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(2):hover,
.header-bar .right:dir(rtl) .button.titlebutton:nth-child(2):backdrop:hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(2):backdrop:hover,
@ -2464,7 +2464,7 @@ GtkVolumeButton.button {
.titlebar.selection-mode .left .button.titlebutton:nth-child(2):backdrop:hover, .titlebar.selection-mode .left .button.titlebutton:nth-child(2):backdrop:hover,
.titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):hover, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):hover,
.titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop:hover { .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop:hover {
background-image: -gtk-scaled(url("assets/titlebutton-max-hover-dark.png"), url("assets/titlebutton-max-hover-dark@2.png")); } background-image: -gtk-scaled(url("assets/titlebutton-maximize-hover-dark.png"), url("assets/titlebutton-maximize-hover-dark@2.png")); }
.header-bar .right .button.titlebutton:nth-last-child(2):active:hover, .header-bar .right .button.titlebutton:nth-last-child(2):active:hover,
.header-bar .right:dir(rtl) .button.titlebutton:nth-child(2):active:hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(2):active:hover,
.header-bar .left .button.titlebutton:nth-child(2):active:hover, .header-bar .left .button.titlebutton:nth-child(2):active:hover,
@ -2479,7 +2479,7 @@ GtkVolumeButton.button {
.titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(2):active:hover, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(2):active:hover,
.titlebar.selection-mode .left .button.titlebutton:nth-child(2):active:hover, .titlebar.selection-mode .left .button.titlebutton:nth-child(2):active:hover,
.titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):active:hover { .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):active:hover {
background-image: -gtk-scaled(url("assets/titlebutton-max-active-dark.png"), url("assets/titlebutton-max-active-dark@2.png")); } background-image: -gtk-scaled(url("assets/titlebutton-maximize-active-dark.png"), url("assets/titlebutton-maximize-active-dark@2.png")); }
.header-bar .right .button.titlebutton:nth-last-child(2):backdrop, .header-bar .right .button.titlebutton:nth-last-child(2):backdrop,
.header-bar .right:dir(rtl) .button.titlebutton:nth-child(2):backdrop, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(2):backdrop,
.header-bar .left .button.titlebutton:nth-child(2):backdrop, .header-bar .left .button.titlebutton:nth-child(2):backdrop,
@ -2494,7 +2494,7 @@ GtkVolumeButton.button {
.titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(2):backdrop, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(2):backdrop,
.titlebar.selection-mode .left .button.titlebutton:nth-child(2):backdrop, .titlebar.selection-mode .left .button.titlebutton:nth-child(2):backdrop,
.titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop { .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop {
background-image: -gtk-scaled(url("assets/titlebutton-max-backdrop-dark.png"), url("assets/titlebutton-max-backdrop-dark@2.png")); } background-image: -gtk-scaled(url("assets/titlebutton-maximize-backdrop-dark.png"), url("assets/titlebutton-maximize-backdrop-dark@2.png")); }
.header-bar .right .button.titlebutton:last-child, .header-bar .right .button.titlebutton:last-child,
.header-bar .right:dir(rtl) .button.titlebutton:first-child, .header-bar .right:dir(rtl) .button.titlebutton:first-child,

@ -2359,7 +2359,7 @@ GtkVolumeButton.button {
.titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(3), .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(3),
.titlebar.selection-mode .left .button.titlebutton:nth-child(3), .titlebar.selection-mode .left .button.titlebutton:nth-child(3),
.titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3) { .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3) {
background-image: -gtk-scaled(url("assets/titlebutton-min-dark.png"), url("assets/titlebutton-min-dark@2.png")); } background-image: -gtk-scaled(url("assets/titlebutton-minimize-dark.png"), url("assets/titlebutton-minimize-dark@2.png")); }
.header-bar .right .button.titlebutton:nth-last-child(3):hover, .header-bar .right .button.titlebutton:nth-last-child(3):backdrop:hover, .header-bar .right .button.titlebutton:nth-last-child(3):hover, .header-bar .right .button.titlebutton:nth-last-child(3):backdrop:hover,
.header-bar .right:dir(rtl) .button.titlebutton:nth-child(3):hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(3):hover,
.header-bar .right:dir(rtl) .button.titlebutton:nth-child(3):backdrop:hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(3):backdrop:hover,
@ -2387,7 +2387,7 @@ GtkVolumeButton.button {
.titlebar.selection-mode .left .button.titlebutton:nth-child(3):backdrop:hover, .titlebar.selection-mode .left .button.titlebutton:nth-child(3):backdrop:hover,
.titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):hover, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):hover,
.titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop:hover { .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop:hover {
background-image: -gtk-scaled(url("assets/titlebutton-min-hover-dark.png"), url("assets/titlebutton-min-hover-dark@2.png")); } background-image: -gtk-scaled(url("assets/titlebutton-minimize-hover-dark.png"), url("assets/titlebutton-minimize-hover-dark@2.png")); }
.header-bar .right .button.titlebutton:nth-last-child(3):active:hover, .header-bar .right .button.titlebutton:nth-last-child(3):active:hover,
.header-bar .right:dir(rtl) .button.titlebutton:nth-child(3):active:hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(3):active:hover,
.header-bar .left .button.titlebutton:nth-child(3):active:hover, .header-bar .left .button.titlebutton:nth-child(3):active:hover,
@ -2402,7 +2402,7 @@ GtkVolumeButton.button {
.titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(3):active:hover, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(3):active:hover,
.titlebar.selection-mode .left .button.titlebutton:nth-child(3):active:hover, .titlebar.selection-mode .left .button.titlebutton:nth-child(3):active:hover,
.titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):active:hover { .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):active:hover {
background-image: -gtk-scaled(url("assets/titlebutton-min-active-dark.png"), url("assets/titlebutton-min-active-dark@2.png")); } background-image: -gtk-scaled(url("assets/titlebutton-minimize-active-dark.png"), url("assets/titlebutton-minimize-active-dark@2.png")); }
.header-bar .right .button.titlebutton:nth-last-child(3):backdrop, .header-bar .right .button.titlebutton:nth-last-child(3):backdrop,
.header-bar .right:dir(rtl) .button.titlebutton:nth-child(3):backdrop, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(3):backdrop,
.header-bar .left .button.titlebutton:nth-child(3):backdrop, .header-bar .left .button.titlebutton:nth-child(3):backdrop,
@ -2417,7 +2417,7 @@ GtkVolumeButton.button {
.titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(3):backdrop, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(3):backdrop,
.titlebar.selection-mode .left .button.titlebutton:nth-child(3):backdrop, .titlebar.selection-mode .left .button.titlebutton:nth-child(3):backdrop,
.titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop { .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop {
background-image: -gtk-scaled(url("assets/titlebutton-min-backdrop-dark.png"), url("assets/titlebutton-min-backdrop-dark@2.png")); } background-image: -gtk-scaled(url("assets/titlebutton-minimize-backdrop-dark.png"), url("assets/titlebutton-minimize-backdrop-dark@2.png")); }
.header-bar .right .button.titlebutton:nth-last-child(2), .header-bar .right .button.titlebutton:nth-last-child(2),
.header-bar .right:dir(rtl) .button.titlebutton:nth-child(2), .header-bar .right:dir(rtl) .button.titlebutton:nth-child(2),
@ -2433,7 +2433,7 @@ GtkVolumeButton.button {
.titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(2), .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(2),
.titlebar.selection-mode .left .button.titlebutton:nth-child(2), .titlebar.selection-mode .left .button.titlebutton:nth-child(2),
.titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2) { .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2) {
background-image: -gtk-scaled(url("assets/titlebutton-max-dark.png"), url("assets/titlebutton-max-dark@2.png")); } background-image: -gtk-scaled(url("assets/titlebutton-maximize-dark.png"), url("assets/titlebutton-maximize-dark@2.png")); }
.header-bar .right .button.titlebutton:nth-last-child(2):hover, .header-bar .right .button.titlebutton:nth-last-child(2):backdrop:hover, .header-bar .right .button.titlebutton:nth-last-child(2):hover, .header-bar .right .button.titlebutton:nth-last-child(2):backdrop:hover,
.header-bar .right:dir(rtl) .button.titlebutton:nth-child(2):hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(2):hover,
.header-bar .right:dir(rtl) .button.titlebutton:nth-child(2):backdrop:hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(2):backdrop:hover,
@ -2461,7 +2461,7 @@ GtkVolumeButton.button {
.titlebar.selection-mode .left .button.titlebutton:nth-child(2):backdrop:hover, .titlebar.selection-mode .left .button.titlebutton:nth-child(2):backdrop:hover,
.titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):hover, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):hover,
.titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop:hover { .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop:hover {
background-image: -gtk-scaled(url("assets/titlebutton-max-hover-dark.png"), url("assets/titlebutton-max-hover-dark@2.png")); } background-image: -gtk-scaled(url("assets/titlebutton-maximize-hover-dark.png"), url("assets/titlebutton-maximize-hover-dark@2.png")); }
.header-bar .right .button.titlebutton:nth-last-child(2):active:hover, .header-bar .right .button.titlebutton:nth-last-child(2):active:hover,
.header-bar .right:dir(rtl) .button.titlebutton:nth-child(2):active:hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(2):active:hover,
.header-bar .left .button.titlebutton:nth-child(2):active:hover, .header-bar .left .button.titlebutton:nth-child(2):active:hover,
@ -2476,7 +2476,7 @@ GtkVolumeButton.button {
.titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(2):active:hover, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(2):active:hover,
.titlebar.selection-mode .left .button.titlebutton:nth-child(2):active:hover, .titlebar.selection-mode .left .button.titlebutton:nth-child(2):active:hover,
.titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):active:hover { .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):active:hover {
background-image: -gtk-scaled(url("assets/titlebutton-max-active-dark.png"), url("assets/titlebutton-max-active-dark@2.png")); } background-image: -gtk-scaled(url("assets/titlebutton-maximize-active-dark.png"), url("assets/titlebutton-maximize-active-dark@2.png")); }
.header-bar .right .button.titlebutton:nth-last-child(2):backdrop, .header-bar .right .button.titlebutton:nth-last-child(2):backdrop,
.header-bar .right:dir(rtl) .button.titlebutton:nth-child(2):backdrop, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(2):backdrop,
.header-bar .left .button.titlebutton:nth-child(2):backdrop, .header-bar .left .button.titlebutton:nth-child(2):backdrop,
@ -2491,7 +2491,7 @@ GtkVolumeButton.button {
.titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(2):backdrop, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(2):backdrop,
.titlebar.selection-mode .left .button.titlebutton:nth-child(2):backdrop, .titlebar.selection-mode .left .button.titlebutton:nth-child(2):backdrop,
.titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop { .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop {
background-image: -gtk-scaled(url("assets/titlebutton-max-backdrop-dark.png"), url("assets/titlebutton-max-backdrop-dark@2.png")); } background-image: -gtk-scaled(url("assets/titlebutton-maximize-backdrop-dark.png"), url("assets/titlebutton-maximize-backdrop-dark@2.png")); }
.header-bar .right .button.titlebutton:last-child, .header-bar .right .button.titlebutton:last-child,
.header-bar .right:dir(rtl) .button.titlebutton:first-child, .header-bar .right:dir(rtl) .button.titlebutton:first-child,

@ -2362,7 +2362,7 @@ GtkVolumeButton.button {
.titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(3), .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(3),
.titlebar.selection-mode .left .button.titlebutton:nth-child(3), .titlebar.selection-mode .left .button.titlebutton:nth-child(3),
.titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3) { .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3) {
background-image: -gtk-scaled(url("assets/titlebutton-min-dark.png"), url("assets/titlebutton-min-dark@2.png")); } background-image: -gtk-scaled(url("assets/titlebutton-minimize-dark.png"), url("assets/titlebutton-minimize-dark@2.png")); }
.header-bar .right .button.titlebutton:nth-last-child(3):hover, .header-bar .right .button.titlebutton:nth-last-child(3):backdrop:hover, .header-bar .right .button.titlebutton:nth-last-child(3):hover, .header-bar .right .button.titlebutton:nth-last-child(3):backdrop:hover,
.header-bar .right:dir(rtl) .button.titlebutton:nth-child(3):hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(3):hover,
.header-bar .right:dir(rtl) .button.titlebutton:nth-child(3):backdrop:hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(3):backdrop:hover,
@ -2390,7 +2390,7 @@ GtkVolumeButton.button {
.titlebar.selection-mode .left .button.titlebutton:nth-child(3):backdrop:hover, .titlebar.selection-mode .left .button.titlebutton:nth-child(3):backdrop:hover,
.titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):hover, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):hover,
.titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop:hover { .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop:hover {
background-image: -gtk-scaled(url("assets/titlebutton-min-hover-dark.png"), url("assets/titlebutton-min-hover-dark@2.png")); } background-image: -gtk-scaled(url("assets/titlebutton-minimize-hover-dark.png"), url("assets/titlebutton-minimize-hover-dark@2.png")); }
.header-bar .right .button.titlebutton:nth-last-child(3):active:hover, .header-bar .right .button.titlebutton:nth-last-child(3):active:hover,
.header-bar .right:dir(rtl) .button.titlebutton:nth-child(3):active:hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(3):active:hover,
.header-bar .left .button.titlebutton:nth-child(3):active:hover, .header-bar .left .button.titlebutton:nth-child(3):active:hover,
@ -2405,7 +2405,7 @@ GtkVolumeButton.button {
.titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(3):active:hover, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(3):active:hover,
.titlebar.selection-mode .left .button.titlebutton:nth-child(3):active:hover, .titlebar.selection-mode .left .button.titlebutton:nth-child(3):active:hover,
.titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):active:hover { .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):active:hover {
background-image: -gtk-scaled(url("assets/titlebutton-min-active-dark.png"), url("assets/titlebutton-min-active-dark@2.png")); } background-image: -gtk-scaled(url("assets/titlebutton-minimize-active-dark.png"), url("assets/titlebutton-minimize-active-dark@2.png")); }
.header-bar .right .button.titlebutton:nth-last-child(3):backdrop, .header-bar .right .button.titlebutton:nth-last-child(3):backdrop,
.header-bar .right:dir(rtl) .button.titlebutton:nth-child(3):backdrop, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(3):backdrop,
.header-bar .left .button.titlebutton:nth-child(3):backdrop, .header-bar .left .button.titlebutton:nth-child(3):backdrop,
@ -2420,7 +2420,7 @@ GtkVolumeButton.button {
.titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(3):backdrop, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(3):backdrop,
.titlebar.selection-mode .left .button.titlebutton:nth-child(3):backdrop, .titlebar.selection-mode .left .button.titlebutton:nth-child(3):backdrop,
.titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop { .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop {
background-image: -gtk-scaled(url("assets/titlebutton-min-backdrop-dark.png"), url("assets/titlebutton-min-backdrop-dark@2.png")); } background-image: -gtk-scaled(url("assets/titlebutton-minimize-backdrop-dark.png"), url("assets/titlebutton-minimize-backdrop-dark@2.png")); }
.header-bar .right .button.titlebutton:nth-last-child(2), .header-bar .right .button.titlebutton:nth-last-child(2),
.header-bar .right:dir(rtl) .button.titlebutton:nth-child(2), .header-bar .right:dir(rtl) .button.titlebutton:nth-child(2),
@ -2436,7 +2436,7 @@ GtkVolumeButton.button {
.titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(2), .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(2),
.titlebar.selection-mode .left .button.titlebutton:nth-child(2), .titlebar.selection-mode .left .button.titlebutton:nth-child(2),
.titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2) { .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2) {
background-image: -gtk-scaled(url("assets/titlebutton-max-dark.png"), url("assets/titlebutton-max-dark@2.png")); } background-image: -gtk-scaled(url("assets/titlebutton-maximize-dark.png"), url("assets/titlebutton-maximize-dark@2.png")); }
.header-bar .right .button.titlebutton:nth-last-child(2):hover, .header-bar .right .button.titlebutton:nth-last-child(2):backdrop:hover, .header-bar .right .button.titlebutton:nth-last-child(2):hover, .header-bar .right .button.titlebutton:nth-last-child(2):backdrop:hover,
.header-bar .right:dir(rtl) .button.titlebutton:nth-child(2):hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(2):hover,
.header-bar .right:dir(rtl) .button.titlebutton:nth-child(2):backdrop:hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(2):backdrop:hover,
@ -2464,7 +2464,7 @@ GtkVolumeButton.button {
.titlebar.selection-mode .left .button.titlebutton:nth-child(2):backdrop:hover, .titlebar.selection-mode .left .button.titlebutton:nth-child(2):backdrop:hover,
.titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):hover, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):hover,
.titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop:hover { .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop:hover {
background-image: -gtk-scaled(url("assets/titlebutton-max-hover-dark.png"), url("assets/titlebutton-max-hover-dark@2.png")); } background-image: -gtk-scaled(url("assets/titlebutton-maximize-hover-dark.png"), url("assets/titlebutton-maximize-hover-dark@2.png")); }
.header-bar .right .button.titlebutton:nth-last-child(2):active:hover, .header-bar .right .button.titlebutton:nth-last-child(2):active:hover,
.header-bar .right:dir(rtl) .button.titlebutton:nth-child(2):active:hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(2):active:hover,
.header-bar .left .button.titlebutton:nth-child(2):active:hover, .header-bar .left .button.titlebutton:nth-child(2):active:hover,
@ -2479,7 +2479,7 @@ GtkVolumeButton.button {
.titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(2):active:hover, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(2):active:hover,
.titlebar.selection-mode .left .button.titlebutton:nth-child(2):active:hover, .titlebar.selection-mode .left .button.titlebutton:nth-child(2):active:hover,
.titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):active:hover { .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):active:hover {
background-image: -gtk-scaled(url("assets/titlebutton-max-active-dark.png"), url("assets/titlebutton-max-active-dark@2.png")); } background-image: -gtk-scaled(url("assets/titlebutton-maximize-active-dark.png"), url("assets/titlebutton-maximize-active-dark@2.png")); }
.header-bar .right .button.titlebutton:nth-last-child(2):backdrop, .header-bar .right .button.titlebutton:nth-last-child(2):backdrop,
.header-bar .right:dir(rtl) .button.titlebutton:nth-child(2):backdrop, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(2):backdrop,
.header-bar .left .button.titlebutton:nth-child(2):backdrop, .header-bar .left .button.titlebutton:nth-child(2):backdrop,
@ -2494,7 +2494,7 @@ GtkVolumeButton.button {
.titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(2):backdrop, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(2):backdrop,
.titlebar.selection-mode .left .button.titlebutton:nth-child(2):backdrop, .titlebar.selection-mode .left .button.titlebutton:nth-child(2):backdrop,
.titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop { .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop {
background-image: -gtk-scaled(url("assets/titlebutton-max-backdrop-dark.png"), url("assets/titlebutton-max-backdrop-dark@2.png")); } background-image: -gtk-scaled(url("assets/titlebutton-maximize-backdrop-dark.png"), url("assets/titlebutton-maximize-backdrop-dark@2.png")); }
.header-bar .right .button.titlebutton:last-child, .header-bar .right .button.titlebutton:last-child,
.header-bar .right:dir(rtl) .button.titlebutton:first-child, .header-bar .right:dir(rtl) .button.titlebutton:first-child,

@ -2362,7 +2362,7 @@ GtkVolumeButton.button {
.titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(3), .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(3),
.titlebar.selection-mode .left .button.titlebutton:nth-child(3), .titlebar.selection-mode .left .button.titlebutton:nth-child(3),
.titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3) { .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3) {
background-image: -gtk-scaled(url("assets/titlebutton-min.png"), url("assets/titlebutton-min@2.png")); } background-image: -gtk-scaled(url("assets/titlebutton-minimize.png"), url("assets/titlebutton-minimize@2.png")); }
.header-bar .right .button.titlebutton:nth-last-child(3):hover, .header-bar .right .button.titlebutton:nth-last-child(3):backdrop:hover, .header-bar .right .button.titlebutton:nth-last-child(3):hover, .header-bar .right .button.titlebutton:nth-last-child(3):backdrop:hover,
.header-bar .right:dir(rtl) .button.titlebutton:nth-child(3):hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(3):hover,
.header-bar .right:dir(rtl) .button.titlebutton:nth-child(3):backdrop:hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(3):backdrop:hover,
@ -2390,7 +2390,7 @@ GtkVolumeButton.button {
.titlebar.selection-mode .left .button.titlebutton:nth-child(3):backdrop:hover, .titlebar.selection-mode .left .button.titlebutton:nth-child(3):backdrop:hover,
.titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):hover, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):hover,
.titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop:hover { .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop:hover {
background-image: -gtk-scaled(url("assets/titlebutton-min-hover.png"), url("assets/titlebutton-min-hover@2.png")); } background-image: -gtk-scaled(url("assets/titlebutton-minimize-hover.png"), url("assets/titlebutton-minimize-hover@2.png")); }
.header-bar .right .button.titlebutton:nth-last-child(3):active:hover, .header-bar .right .button.titlebutton:nth-last-child(3):active:hover,
.header-bar .right:dir(rtl) .button.titlebutton:nth-child(3):active:hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(3):active:hover,
.header-bar .left .button.titlebutton:nth-child(3):active:hover, .header-bar .left .button.titlebutton:nth-child(3):active:hover,
@ -2405,7 +2405,7 @@ GtkVolumeButton.button {
.titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(3):active:hover, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(3):active:hover,
.titlebar.selection-mode .left .button.titlebutton:nth-child(3):active:hover, .titlebar.selection-mode .left .button.titlebutton:nth-child(3):active:hover,
.titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):active:hover { .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):active:hover {
background-image: -gtk-scaled(url("assets/titlebutton-min-active.png"), url("assets/titlebutton-min-active@2.png")); } background-image: -gtk-scaled(url("assets/titlebutton-minimize-active.png"), url("assets/titlebutton-minimize-active@2.png")); }
.header-bar .right .button.titlebutton:nth-last-child(3):backdrop, .header-bar .right .button.titlebutton:nth-last-child(3):backdrop,
.header-bar .right:dir(rtl) .button.titlebutton:nth-child(3):backdrop, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(3):backdrop,
.header-bar .left .button.titlebutton:nth-child(3):backdrop, .header-bar .left .button.titlebutton:nth-child(3):backdrop,
@ -2420,7 +2420,7 @@ GtkVolumeButton.button {
.titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(3):backdrop, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(3):backdrop,
.titlebar.selection-mode .left .button.titlebutton:nth-child(3):backdrop, .titlebar.selection-mode .left .button.titlebutton:nth-child(3):backdrop,
.titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop { .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop {
background-image: -gtk-scaled(url("assets/titlebutton-min-backdrop.png"), url("assets/titlebutton-min-backdrop@2.png")); } background-image: -gtk-scaled(url("assets/titlebutton-minimize-backdrop.png"), url("assets/titlebutton-minimize-backdrop@2.png")); }
.header-bar .right .button.titlebutton:nth-last-child(2), .header-bar .right .button.titlebutton:nth-last-child(2),
.header-bar .right:dir(rtl) .button.titlebutton:nth-child(2), .header-bar .right:dir(rtl) .button.titlebutton:nth-child(2),
@ -2436,7 +2436,7 @@ GtkVolumeButton.button {
.titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(2), .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(2),
.titlebar.selection-mode .left .button.titlebutton:nth-child(2), .titlebar.selection-mode .left .button.titlebutton:nth-child(2),
.titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2) { .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2) {
background-image: -gtk-scaled(url("assets/titlebutton-max.png"), url("assets/titlebutton-max@2.png")); } background-image: -gtk-scaled(url("assets/titlebutton-maximize.png"), url("assets/titlebutton-maximize@2.png")); }
.header-bar .right .button.titlebutton:nth-last-child(2):hover, .header-bar .right .button.titlebutton:nth-last-child(2):backdrop:hover, .header-bar .right .button.titlebutton:nth-last-child(2):hover, .header-bar .right .button.titlebutton:nth-last-child(2):backdrop:hover,
.header-bar .right:dir(rtl) .button.titlebutton:nth-child(2):hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(2):hover,
.header-bar .right:dir(rtl) .button.titlebutton:nth-child(2):backdrop:hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(2):backdrop:hover,
@ -2464,7 +2464,7 @@ GtkVolumeButton.button {
.titlebar.selection-mode .left .button.titlebutton:nth-child(2):backdrop:hover, .titlebar.selection-mode .left .button.titlebutton:nth-child(2):backdrop:hover,
.titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):hover, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):hover,
.titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop:hover { .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop:hover {
background-image: -gtk-scaled(url("assets/titlebutton-max-hover.png"), url("assets/titlebutton-max-hover@2.png")); } background-image: -gtk-scaled(url("assets/titlebutton-maximize-hover.png"), url("assets/titlebutton-maximize-hover@2.png")); }
.header-bar .right .button.titlebutton:nth-last-child(2):active:hover, .header-bar .right .button.titlebutton:nth-last-child(2):active:hover,
.header-bar .right:dir(rtl) .button.titlebutton:nth-child(2):active:hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(2):active:hover,
.header-bar .left .button.titlebutton:nth-child(2):active:hover, .header-bar .left .button.titlebutton:nth-child(2):active:hover,
@ -2479,7 +2479,7 @@ GtkVolumeButton.button {
.titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(2):active:hover, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(2):active:hover,
.titlebar.selection-mode .left .button.titlebutton:nth-child(2):active:hover, .titlebar.selection-mode .left .button.titlebutton:nth-child(2):active:hover,
.titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):active:hover { .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):active:hover {
background-image: -gtk-scaled(url("assets/titlebutton-max-active.png"), url("assets/titlebutton-max-active@2.png")); } background-image: -gtk-scaled(url("assets/titlebutton-maximize-active.png"), url("assets/titlebutton-maximize-active@2.png")); }
.header-bar .right .button.titlebutton:nth-last-child(2):backdrop, .header-bar .right .button.titlebutton:nth-last-child(2):backdrop,
.header-bar .right:dir(rtl) .button.titlebutton:nth-child(2):backdrop, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(2):backdrop,
.header-bar .left .button.titlebutton:nth-child(2):backdrop, .header-bar .left .button.titlebutton:nth-child(2):backdrop,
@ -2494,7 +2494,7 @@ GtkVolumeButton.button {
.titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(2):backdrop, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(2):backdrop,
.titlebar.selection-mode .left .button.titlebutton:nth-child(2):backdrop, .titlebar.selection-mode .left .button.titlebutton:nth-child(2):backdrop,
.titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop { .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop {
background-image: -gtk-scaled(url("assets/titlebutton-max-backdrop.png"), url("assets/titlebutton-max-backdrop@2.png")); } background-image: -gtk-scaled(url("assets/titlebutton-maximize-backdrop.png"), url("assets/titlebutton-maximize-backdrop@2.png")); }
.header-bar .right .button.titlebutton:last-child, .header-bar .right .button.titlebutton:last-child,
.header-bar .right:dir(rtl) .button.titlebutton:first-child, .header-bar .right:dir(rtl) .button.titlebutton:first-child,

@ -2362,7 +2362,7 @@ GtkVolumeButton.button {
.titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(3), .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(3),
.titlebar.selection-mode .left .button.titlebutton:nth-child(3), .titlebar.selection-mode .left .button.titlebutton:nth-child(3),
.titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3) { .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3) {
background-image: -gtk-scaled(url("assets/titlebutton-min.png"), url("assets/titlebutton-min@2.png")); } background-image: -gtk-scaled(url("assets/titlebutton-minimize.png"), url("assets/titlebutton-minimize@2.png")); }
.header-bar .right .button.titlebutton:nth-last-child(3):hover, .header-bar .right .button.titlebutton:nth-last-child(3):backdrop:hover, .header-bar .right .button.titlebutton:nth-last-child(3):hover, .header-bar .right .button.titlebutton:nth-last-child(3):backdrop:hover,
.header-bar .right:dir(rtl) .button.titlebutton:nth-child(3):hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(3):hover,
.header-bar .right:dir(rtl) .button.titlebutton:nth-child(3):backdrop:hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(3):backdrop:hover,
@ -2390,7 +2390,7 @@ GtkVolumeButton.button {
.titlebar.selection-mode .left .button.titlebutton:nth-child(3):backdrop:hover, .titlebar.selection-mode .left .button.titlebutton:nth-child(3):backdrop:hover,
.titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):hover, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):hover,
.titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop:hover { .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop:hover {
background-image: -gtk-scaled(url("assets/titlebutton-min-hover.png"), url("assets/titlebutton-min-hover@2.png")); } background-image: -gtk-scaled(url("assets/titlebutton-minimize-hover.png"), url("assets/titlebutton-minimize-hover@2.png")); }
.header-bar .right .button.titlebutton:nth-last-child(3):active:hover, .header-bar .right .button.titlebutton:nth-last-child(3):active:hover,
.header-bar .right:dir(rtl) .button.titlebutton:nth-child(3):active:hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(3):active:hover,
.header-bar .left .button.titlebutton:nth-child(3):active:hover, .header-bar .left .button.titlebutton:nth-child(3):active:hover,
@ -2405,7 +2405,7 @@ GtkVolumeButton.button {
.titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(3):active:hover, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(3):active:hover,
.titlebar.selection-mode .left .button.titlebutton:nth-child(3):active:hover, .titlebar.selection-mode .left .button.titlebutton:nth-child(3):active:hover,
.titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):active:hover { .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):active:hover {
background-image: -gtk-scaled(url("assets/titlebutton-min-active.png"), url("assets/titlebutton-min-active@2.png")); } background-image: -gtk-scaled(url("assets/titlebutton-minimize-active.png"), url("assets/titlebutton-minimize-active@2.png")); }
.header-bar .right .button.titlebutton:nth-last-child(3):backdrop, .header-bar .right .button.titlebutton:nth-last-child(3):backdrop,
.header-bar .right:dir(rtl) .button.titlebutton:nth-child(3):backdrop, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(3):backdrop,
.header-bar .left .button.titlebutton:nth-child(3):backdrop, .header-bar .left .button.titlebutton:nth-child(3):backdrop,
@ -2420,7 +2420,7 @@ GtkVolumeButton.button {
.titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(3):backdrop, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(3):backdrop,
.titlebar.selection-mode .left .button.titlebutton:nth-child(3):backdrop, .titlebar.selection-mode .left .button.titlebutton:nth-child(3):backdrop,
.titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop { .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop {
background-image: -gtk-scaled(url("assets/titlebutton-min-backdrop.png"), url("assets/titlebutton-min-backdrop@2.png")); } background-image: -gtk-scaled(url("assets/titlebutton-minimize-backdrop.png"), url("assets/titlebutton-minimize-backdrop@2.png")); }
.header-bar .right .button.titlebutton:nth-last-child(2), .header-bar .right .button.titlebutton:nth-last-child(2),
.header-bar .right:dir(rtl) .button.titlebutton:nth-child(2), .header-bar .right:dir(rtl) .button.titlebutton:nth-child(2),
@ -2436,7 +2436,7 @@ GtkVolumeButton.button {
.titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(2), .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(2),
.titlebar.selection-mode .left .button.titlebutton:nth-child(2), .titlebar.selection-mode .left .button.titlebutton:nth-child(2),
.titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2) { .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2) {
background-image: -gtk-scaled(url("assets/titlebutton-max.png"), url("assets/titlebutton-max@2.png")); } background-image: -gtk-scaled(url("assets/titlebutton-maximize.png"), url("assets/titlebutton-maximize@2.png")); }
.header-bar .right .button.titlebutton:nth-last-child(2):hover, .header-bar .right .button.titlebutton:nth-last-child(2):backdrop:hover, .header-bar .right .button.titlebutton:nth-last-child(2):hover, .header-bar .right .button.titlebutton:nth-last-child(2):backdrop:hover,
.header-bar .right:dir(rtl) .button.titlebutton:nth-child(2):hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(2):hover,
.header-bar .right:dir(rtl) .button.titlebutton:nth-child(2):backdrop:hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(2):backdrop:hover,
@ -2464,7 +2464,7 @@ GtkVolumeButton.button {
.titlebar.selection-mode .left .button.titlebutton:nth-child(2):backdrop:hover, .titlebar.selection-mode .left .button.titlebutton:nth-child(2):backdrop:hover,
.titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):hover, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):hover,
.titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop:hover { .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop:hover {
background-image: -gtk-scaled(url("assets/titlebutton-max-hover.png"), url("assets/titlebutton-max-hover@2.png")); } background-image: -gtk-scaled(url("assets/titlebutton-maximize-hover.png"), url("assets/titlebutton-maximize-hover@2.png")); }
.header-bar .right .button.titlebutton:nth-last-child(2):active:hover, .header-bar .right .button.titlebutton:nth-last-child(2):active:hover,
.header-bar .right:dir(rtl) .button.titlebutton:nth-child(2):active:hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(2):active:hover,
.header-bar .left .button.titlebutton:nth-child(2):active:hover, .header-bar .left .button.titlebutton:nth-child(2):active:hover,
@ -2479,7 +2479,7 @@ GtkVolumeButton.button {
.titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(2):active:hover, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(2):active:hover,
.titlebar.selection-mode .left .button.titlebutton:nth-child(2):active:hover, .titlebar.selection-mode .left .button.titlebutton:nth-child(2):active:hover,
.titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):active:hover { .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):active:hover {
background-image: -gtk-scaled(url("assets/titlebutton-max-active.png"), url("assets/titlebutton-max-active@2.png")); } background-image: -gtk-scaled(url("assets/titlebutton-maximize-active.png"), url("assets/titlebutton-maximize-active@2.png")); }
.header-bar .right .button.titlebutton:nth-last-child(2):backdrop, .header-bar .right .button.titlebutton:nth-last-child(2):backdrop,
.header-bar .right:dir(rtl) .button.titlebutton:nth-child(2):backdrop, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(2):backdrop,
.header-bar .left .button.titlebutton:nth-child(2):backdrop, .header-bar .left .button.titlebutton:nth-child(2):backdrop,
@ -2494,7 +2494,7 @@ GtkVolumeButton.button {
.titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(2):backdrop, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(2):backdrop,
.titlebar.selection-mode .left .button.titlebutton:nth-child(2):backdrop, .titlebar.selection-mode .left .button.titlebutton:nth-child(2):backdrop,
.titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop { .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop {
background-image: -gtk-scaled(url("assets/titlebutton-max-backdrop.png"), url("assets/titlebutton-max-backdrop@2.png")); } background-image: -gtk-scaled(url("assets/titlebutton-maximize-backdrop.png"), url("assets/titlebutton-maximize-backdrop@2.png")); }
.header-bar .right .button.titlebutton:last-child, .header-bar .right .button.titlebutton:last-child,
.header-bar .right:dir(rtl) .button.titlebutton:first-child, .header-bar .right:dir(rtl) .button.titlebutton:first-child,

@ -2711,11 +2711,11 @@ GtkVolumeButton.button { padding: 8px; }
.right:dir(rtl) .button.titlebutton:nth-child(3), .right:dir(rtl) .button.titlebutton:nth-child(3),
.left .button.titlebutton:nth-child(3), .left .button.titlebutton:nth-child(3),
.left:dir(rtl) .button.titlebutton:nth-last-child(3) { .left:dir(rtl) .button.titlebutton:nth-last-child(3) {
background-image: -gtk-scaled(url('assets/titlebutton-min#{$darker_asset_suffix}.png'),url('assets/titlebutton-min#{$darker_asset_suffix}@2.png')); background-image: -gtk-scaled(url('assets/titlebutton-minimize#{$darker_asset_suffix}.png'),url('assets/titlebutton-minimize#{$darker_asset_suffix}@2.png'));
&:hover, &:backdrop:hover { background-image: -gtk-scaled(url('assets/titlebutton-min-hover#{$darker_asset_suffix}.png'),url('assets/titlebutton-min-hover#{$darker_asset_suffix}@2.png')); } &:hover, &:backdrop:hover { background-image: -gtk-scaled(url('assets/titlebutton-minimize-hover#{$darker_asset_suffix}.png'),url('assets/titlebutton-minimize-hover#{$darker_asset_suffix}@2.png')); }
&:active:hover { background-image: -gtk-scaled(url('assets/titlebutton-min-active#{$darker_asset_suffix}.png'),url('assets/titlebutton-min-active#{$darker_asset_suffix}@2.png')); } &:active:hover { background-image: -gtk-scaled(url('assets/titlebutton-minimize-active#{$darker_asset_suffix}.png'),url('assets/titlebutton-minimize-active#{$darker_asset_suffix}@2.png')); }
&:backdrop { background-image: -gtk-scaled(url('assets/titlebutton-min-backdrop#{$darker_asset_suffix}.png'),url('assets/titlebutton-min-backdrop#{$darker_asset_suffix}@2.png')); } &:backdrop { background-image: -gtk-scaled(url('assets/titlebutton-minimize-backdrop#{$darker_asset_suffix}.png'),url('assets/titlebutton-minimize-backdrop#{$darker_asset_suffix}@2.png')); }
} }
// Maximize // Maximize
@ -2724,11 +2724,11 @@ GtkVolumeButton.button { padding: 8px; }
.right:dir(rtl) .button.titlebutton:nth-child(2), .right:dir(rtl) .button.titlebutton:nth-child(2),
.left .button.titlebutton:nth-child(2), .left .button.titlebutton:nth-child(2),
.left:dir(rtl) .button.titlebutton:nth-last-child(2) { .left:dir(rtl) .button.titlebutton:nth-last-child(2) {
background-image: -gtk-scaled(url('assets/titlebutton-max#{$darker_asset_suffix}.png'),url('assets/titlebutton-max#{$darker_asset_suffix}@2.png')); background-image: -gtk-scaled(url('assets/titlebutton-maximize#{$darker_asset_suffix}.png'),url('assets/titlebutton-maximize#{$darker_asset_suffix}@2.png'));
&:hover, &:backdrop:hover { background-image: -gtk-scaled(url('assets/titlebutton-max-hover#{$darker_asset_suffix}.png'),url('assets/titlebutton-max-hover#{$darker_asset_suffix}@2.png')); } &:hover, &:backdrop:hover { background-image: -gtk-scaled(url('assets/titlebutton-maximize-hover#{$darker_asset_suffix}.png'),url('assets/titlebutton-maximize-hover#{$darker_asset_suffix}@2.png')); }
&:active:hover { background-image: -gtk-scaled(url('assets/titlebutton-max-active#{$darker_asset_suffix}.png'),url('assets/titlebutton-max-active#{$darker_asset_suffix}@2.png')); } &:active:hover { background-image: -gtk-scaled(url('assets/titlebutton-maximize-active#{$darker_asset_suffix}.png'),url('assets/titlebutton-maximize-active#{$darker_asset_suffix}@2.png')); }
&:backdrop { background-image: -gtk-scaled(url('assets/titlebutton-max-backdrop#{$darker_asset_suffix}.png'),url('assets/titlebutton-max-backdrop#{$darker_asset_suffix}@2.png')); } &:backdrop { background-image: -gtk-scaled(url('assets/titlebutton-maximize-backdrop#{$darker_asset_suffix}.png'),url('assets/titlebutton-maximize-backdrop#{$darker_asset_suffix}@2.png')); }
} }
// Close // Close

@ -24,9 +24,9 @@
borderopacity="1.0" borderopacity="1.0"
inkscape:pageopacity="0.0" inkscape:pageopacity="0.0"
inkscape:pageshadow="2" inkscape:pageshadow="2"
inkscape:zoom="8" inkscape:zoom="4"
inkscape:cx="176.38504" inkscape:cx="117.91346"
inkscape:cy="151.27384" inkscape:cy="193.93448"
inkscape:document-units="px" inkscape:document-units="px"
inkscape:current-layer="layer1" inkscape:current-layer="layer1"
showgrid="false" showgrid="false"
@ -2239,7 +2239,7 @@
style="display:inline" style="display:inline"
transform="translate(8.000005,285.63782)"> transform="translate(8.000005,285.63782)">
<g <g
id="titlebutton-min" id="titlebutton-minimize"
inkscape:label="#g6247" inkscape:label="#g6247"
transform="translate(-471,-43)" transform="translate(-471,-43)"
style="opacity:0.8"> style="opacity:0.8">
@ -2652,7 +2652,7 @@
style="color:#bebebe;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:'Andale Mono';-inkscape-font-specification:'Andale Mono';text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;text-anchor:start;display:inline;overflow:visible;visibility:visible;opacity:1;fill:#f8f8f9;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.78124988;marker:none;enable-background:new" /> style="color:#bebebe;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:'Andale Mono';-inkscape-font-specification:'Andale Mono';text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;text-anchor:start;display:inline;overflow:visible;visibility:visible;opacity:1;fill:#f8f8f9;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.78124988;marker:none;enable-background:new" />
</g> </g>
<g <g
id="titlebutton-max" id="titlebutton-maximize"
inkscape:label="#g6234" inkscape:label="#g6234"
transform="translate(-480,-43)" transform="translate(-480,-43)"
style="opacity:0.8"> style="opacity:0.8">
@ -2765,7 +2765,7 @@
style="color:#bebebe;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:'Andale Mono';-inkscape-font-specification:'Andale Mono';text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;text-anchor:start;display:inline;overflow:visible;visibility:visible;opacity:1;fill:#f8f8f9;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.78124988;marker:none;enable-background:new" /> style="color:#bebebe;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:'Andale Mono';-inkscape-font-specification:'Andale Mono';text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;text-anchor:start;display:inline;overflow:visible;visibility:visible;opacity:1;fill:#f8f8f9;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.78124988;marker:none;enable-background:new" />
</g> </g>
<g <g
id="titlebutton-max-hover" id="titlebutton-maximize-hover"
inkscape:label="#g6284" inkscape:label="#g6284"
transform="translate(-377,-9)"> transform="translate(-377,-9)">
<g <g
@ -2851,7 +2851,7 @@
style="display:inline;opacity:1;fill:none;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" /> style="display:inline;opacity:1;fill:none;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
</g> </g>
<g <g
id="titlebutton-min-hover" id="titlebutton-minimize-hover"
inkscape:label="#g6308" inkscape:label="#g6308"
transform="translate(-368,-9)"> transform="translate(-368,-9)">
<g <g
@ -3019,7 +3019,7 @@
style="display:inline;opacity:1;fill:none;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" /> style="display:inline;opacity:1;fill:none;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
</g> </g>
<g <g
id="titlebutton-max-active" id="titlebutton-maximize-active"
inkscape:label="#g6356" inkscape:label="#g6356"
transform="translate(-276,8)"> transform="translate(-276,8)">
<g <g
@ -3109,7 +3109,7 @@
style="display:inline;opacity:1;fill:none;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" /> style="display:inline;opacity:1;fill:none;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
</g> </g>
<g <g
id="titlebutton-min-active" id="titlebutton-minimize-active"
inkscape:label="#g6414" inkscape:label="#g6414"
transform="translate(-267,8)"> transform="translate(-267,8)">
<g <g
@ -3199,7 +3199,7 @@
y="-185.63782" /> y="-185.63782" />
</g> </g>
<g <g
id="titlebutton-max-backdrop" id="titlebutton-maximize-backdrop"
inkscape:label="#g6521" inkscape:label="#g6521"
style="opacity:0.45" style="opacity:0.45"
transform="translate(-480,-43)"> transform="translate(-480,-43)">
@ -3232,7 +3232,7 @@
y="-168.63782" /> y="-168.63782" />
</g> </g>
<g <g
id="titlebutton-min-backdrop" id="titlebutton-minimize-backdrop"
inkscape:label="#g6534" inkscape:label="#g6534"
style="opacity:0.45" style="opacity:0.45"
transform="translate(-471,-43)"> transform="translate(-471,-43)">
@ -4648,7 +4648,7 @@
</g> </g>
<g <g
style="display:inline;opacity:0.7" style="display:inline;opacity:0.7"
id="titlebutton-min-dark" id="titlebutton-minimize-dark"
inkscape:label="#g6247" inkscape:label="#g6247"
transform="translate(-229.00002,-43.000019)"> transform="translate(-229.00002,-43.000019)">
<g <g
@ -4757,7 +4757,7 @@
</g> </g>
<g <g
style="display:inline;opacity:0.7" style="display:inline;opacity:0.7"
id="titlebutton-max-dark" id="titlebutton-maximize-dark"
inkscape:label="#g6234" inkscape:label="#g6234"
transform="translate(-238.00002,-43.000019)"> transform="translate(-238.00002,-43.000019)">
<g <g
@ -4866,7 +4866,7 @@
</g> </g>
<g <g
style="display:inline" style="display:inline"
id="titlebutton-max-hover-dark" id="titlebutton-maximize-hover-dark"
inkscape:label="#g6284" inkscape:label="#g6284"
transform="translate(-135.00001,-9.0000206)"> transform="translate(-135.00001,-9.0000206)">
<g <g
@ -4953,7 +4953,7 @@
</g> </g>
<g <g
style="display:inline" style="display:inline"
id="titlebutton-min-hover-dark" id="titlebutton-minimize-hover-dark"
inkscape:label="#g6308" inkscape:label="#g6308"
transform="translate(-126.00001,-9.0000206)"> transform="translate(-126.00001,-9.0000206)">
<g <g
@ -5116,7 +5116,7 @@
</g> </g>
<g <g
style="display:inline" style="display:inline"
id="titlebutton-max-active-dark" id="titlebutton-maximize-active-dark"
inkscape:label="#g6356" inkscape:label="#g6356"
transform="translate(-34.000017,7.9999889)"> transform="translate(-34.000017,7.9999889)">
<g <g
@ -5207,7 +5207,7 @@
</g> </g>
<g <g
style="display:inline" style="display:inline"
id="titlebutton-min-active-dark" id="titlebutton-minimize-active-dark"
inkscape:label="#g6414" inkscape:label="#g6414"
transform="translate(-25.000017,7.9999889)"> transform="translate(-25.000017,7.9999889)">
<g <g
@ -5297,7 +5297,7 @@
y="-185.63782" /> y="-185.63782" />
</g> </g>
<g <g
id="titlebutton-max-backdrop-dark" id="titlebutton-maximize-backdrop-dark"
inkscape:label="#g6521" inkscape:label="#g6521"
style="display:inline;opacity:0.4" style="display:inline;opacity:0.4"
transform="translate(-238.00002,-43.000019)"> transform="translate(-238.00002,-43.000019)">
@ -5330,7 +5330,7 @@
y="-168.63782" /> y="-168.63782" />
</g> </g>
<g <g
id="titlebutton-min-backdrop-dark" id="titlebutton-minimize-backdrop-dark"
inkscape:label="#g6534" inkscape:label="#g6534"
style="display:inline;opacity:0.4" style="display:inline;opacity:0.4"
transform="translate(-229.00002,-43.000019)"> transform="translate(-229.00002,-43.000019)">

Before

Width:  |  Height:  |  Size: 229 KiB

After

Width:  |  Height:  |  Size: 229 KiB

@ -40,14 +40,14 @@ titlebutton-close
titlebutton-close-backdrop titlebutton-close-backdrop
titlebutton-close-hover titlebutton-close-hover
titlebutton-close-active titlebutton-close-active
titlebutton-max titlebutton-maximize
titlebutton-max-backdrop titlebutton-maximize-backdrop
titlebutton-max-hover titlebutton-maximize-hover
titlebutton-max-active titlebutton-maximize-active
titlebutton-min titlebutton-minimize
titlebutton-min-backdrop titlebutton-minimize-backdrop
titlebutton-min-hover titlebutton-minimize-hover
titlebutton-min-active titlebutton-minimize-active
checkbox-checked-dark checkbox-checked-dark
checkbox-checked-insensitive-dark checkbox-checked-insensitive-dark
checkbox-unchecked-dark checkbox-unchecked-dark
@ -74,11 +74,11 @@ titlebutton-close-dark
titlebutton-close-backdrop-dark titlebutton-close-backdrop-dark
titlebutton-close-hover-dark titlebutton-close-hover-dark
titlebutton-close-active-dark titlebutton-close-active-dark
titlebutton-max-dark titlebutton-maximize-dark
titlebutton-max-backdrop-dark titlebutton-maximize-backdrop-dark
titlebutton-max-hover-dark titlebutton-maximize-hover-dark
titlebutton-max-active-dark titlebutton-maximize-active-dark
titlebutton-min-dark titlebutton-minimize-dark
titlebutton-min-backdrop-dark titlebutton-minimize-backdrop-dark
titlebutton-min-hover-dark titlebutton-minimize-hover-dark
titlebutton-min-active-dark titlebutton-minimize-active-dark

Before

Width:  |  Height:  |  Size: 241 B

After

Width:  |  Height:  |  Size: 241 B

Before

Width:  |  Height:  |  Size: 168 B

After

Width:  |  Height:  |  Size: 168 B

@ -2459,28 +2459,28 @@ GtkVolumeButton.button {
background-image: -gtk-scaled(url("assets/titlebutton-close-active-dark.png"), url("assets/titlebutton-close-active-dark@2.png")); } background-image: -gtk-scaled(url("assets/titlebutton-close-active-dark.png"), url("assets/titlebutton-close-active-dark@2.png")); }
.header-bar .button.titlebutton.maximize, .header-bar .button.titlebutton.maximize,
.titlebar .button.titlebutton.maximize { .titlebar .button.titlebutton.maximize {
background-image: -gtk-scaled(url("assets/titlebutton-max-dark.png"), url("assets/titlebutton-max-dark@2.png")); } background-image: -gtk-scaled(url("assets/titlebutton-maximize-dark.png"), url("assets/titlebutton-maximize-dark@2.png")); }
.header-bar .button.titlebutton.maximize:backdrop, .header-bar .button.titlebutton.maximize:backdrop,
.titlebar .button.titlebutton.maximize:backdrop { .titlebar .button.titlebutton.maximize:backdrop {
background-image: -gtk-scaled(url("assets/titlebutton-max-backdrop-dark.png"), url("assets/titlebutton-max-backdrop-dark@2.png")); } background-image: -gtk-scaled(url("assets/titlebutton-maximize-backdrop-dark.png"), url("assets/titlebutton-maximize-backdrop-dark@2.png")); }
.header-bar .button.titlebutton.maximize:hover, .header-bar .button.titlebutton.maximize:hover,
.titlebar .button.titlebutton.maximize:hover { .titlebar .button.titlebutton.maximize:hover {
background-image: -gtk-scaled(url("assets/titlebutton-max-hover-dark.png"), url("assets/titlebutton-max-hover-dark@2.png")); } background-image: -gtk-scaled(url("assets/titlebutton-maximize-hover-dark.png"), url("assets/titlebutton-maximize-hover-dark@2.png")); }
.header-bar .button.titlebutton.maximize:active, .header-bar .button.titlebutton.maximize:active,
.titlebar .button.titlebutton.maximize:active { .titlebar .button.titlebutton.maximize:active {
background-image: -gtk-scaled(url("assets/titlebutton-max-active-dark.png"), url("assets/titlebutton-max-active-dark@2.png")); } background-image: -gtk-scaled(url("assets/titlebutton-maximize-active-dark.png"), url("assets/titlebutton-maximize-active-dark@2.png")); }
.header-bar .button.titlebutton.minimize, .header-bar .button.titlebutton.minimize,
.titlebar .button.titlebutton.minimize { .titlebar .button.titlebutton.minimize {
background-image: -gtk-scaled(url("assets/titlebutton-min-dark.png"), url("assets/titlebutton-min-dark@2.png")); } background-image: -gtk-scaled(url("assets/titlebutton-minimize-dark.png"), url("assets/titlebutton-minimize-dark@2.png")); }
.header-bar .button.titlebutton.minimize:backdrop, .header-bar .button.titlebutton.minimize:backdrop,
.titlebar .button.titlebutton.minimize:backdrop { .titlebar .button.titlebutton.minimize:backdrop {
background-image: -gtk-scaled(url("assets/titlebutton-min-backdrop-dark.png"), url("assets/titlebutton-min-backdrop-dark@2.png")); } background-image: -gtk-scaled(url("assets/titlebutton-minimize-backdrop-dark.png"), url("assets/titlebutton-minimize-backdrop-dark@2.png")); }
.header-bar .button.titlebutton.minimize:hover, .header-bar .button.titlebutton.minimize:hover,
.titlebar .button.titlebutton.minimize:hover { .titlebar .button.titlebutton.minimize:hover {
background-image: -gtk-scaled(url("assets/titlebutton-min-hover-dark.png"), url("assets/titlebutton-min-hover-dark@2.png")); } background-image: -gtk-scaled(url("assets/titlebutton-minimize-hover-dark.png"), url("assets/titlebutton-minimize-hover-dark@2.png")); }
.header-bar .button.titlebutton.minimize:active, .header-bar .button.titlebutton.minimize:active,
.titlebar .button.titlebutton.minimize:active { .titlebar .button.titlebutton.minimize:active {
background-image: -gtk-scaled(url("assets/titlebutton-min-active-dark.png"), url("assets/titlebutton-min-active-dark@2.png")); } background-image: -gtk-scaled(url("assets/titlebutton-minimize-active-dark.png"), url("assets/titlebutton-minimize-active-dark@2.png")); }
.view:selected, .view:selected:focus, .view:selected:hover, .label:selected, .label:selected:focus, .label:selected:hover, .grid-child:selected, .menuitem.button.flat:active, .menuitem.button.flat:selected, .list-row:selected, GtkEntry.gb-command-bar-entry.entry.flat:selected, GtkEntry.gb-command-bar-entry.entry.flat:selected:focus { .view:selected, .view:selected:focus, .view:selected:hover, .label:selected, .label:selected:focus, .label:selected:hover, .grid-child:selected, .menuitem.button.flat:active, .menuitem.button.flat:selected, .list-row:selected, GtkEntry.gb-command-bar-entry.entry.flat:selected, GtkEntry.gb-command-bar-entry.entry.flat:selected:focus {
background-image: none; background-image: none;

@ -2462,28 +2462,28 @@ GtkVolumeButton.button {
background-image: -gtk-scaled(url("assets/titlebutton-close-active-dark.png"), url("assets/titlebutton-close-active-dark@2.png")); } background-image: -gtk-scaled(url("assets/titlebutton-close-active-dark.png"), url("assets/titlebutton-close-active-dark@2.png")); }
.header-bar .button.titlebutton.maximize, .header-bar .button.titlebutton.maximize,
.titlebar .button.titlebutton.maximize { .titlebar .button.titlebutton.maximize {
background-image: -gtk-scaled(url("assets/titlebutton-max-dark.png"), url("assets/titlebutton-max-dark@2.png")); } background-image: -gtk-scaled(url("assets/titlebutton-maximize-dark.png"), url("assets/titlebutton-maximize-dark@2.png")); }
.header-bar .button.titlebutton.maximize:backdrop, .header-bar .button.titlebutton.maximize:backdrop,
.titlebar .button.titlebutton.maximize:backdrop { .titlebar .button.titlebutton.maximize:backdrop {
background-image: -gtk-scaled(url("assets/titlebutton-max-backdrop-dark.png"), url("assets/titlebutton-max-backdrop-dark@2.png")); } background-image: -gtk-scaled(url("assets/titlebutton-maximize-backdrop-dark.png"), url("assets/titlebutton-maximize-backdrop-dark@2.png")); }
.header-bar .button.titlebutton.maximize:hover, .header-bar .button.titlebutton.maximize:hover,
.titlebar .button.titlebutton.maximize:hover { .titlebar .button.titlebutton.maximize:hover {
background-image: -gtk-scaled(url("assets/titlebutton-max-hover-dark.png"), url("assets/titlebutton-max-hover-dark@2.png")); } background-image: -gtk-scaled(url("assets/titlebutton-maximize-hover-dark.png"), url("assets/titlebutton-maximize-hover-dark@2.png")); }
.header-bar .button.titlebutton.maximize:active, .header-bar .button.titlebutton.maximize:active,
.titlebar .button.titlebutton.maximize:active { .titlebar .button.titlebutton.maximize:active {
background-image: -gtk-scaled(url("assets/titlebutton-max-active-dark.png"), url("assets/titlebutton-max-active-dark@2.png")); } background-image: -gtk-scaled(url("assets/titlebutton-maximize-active-dark.png"), url("assets/titlebutton-maximize-active-dark@2.png")); }
.header-bar .button.titlebutton.minimize, .header-bar .button.titlebutton.minimize,
.titlebar .button.titlebutton.minimize { .titlebar .button.titlebutton.minimize {
background-image: -gtk-scaled(url("assets/titlebutton-min-dark.png"), url("assets/titlebutton-min-dark@2.png")); } background-image: -gtk-scaled(url("assets/titlebutton-minimize-dark.png"), url("assets/titlebutton-minimize-dark@2.png")); }
.header-bar .button.titlebutton.minimize:backdrop, .header-bar .button.titlebutton.minimize:backdrop,
.titlebar .button.titlebutton.minimize:backdrop { .titlebar .button.titlebutton.minimize:backdrop {
background-image: -gtk-scaled(url("assets/titlebutton-min-backdrop-dark.png"), url("assets/titlebutton-min-backdrop-dark@2.png")); } background-image: -gtk-scaled(url("assets/titlebutton-minimize-backdrop-dark.png"), url("assets/titlebutton-minimize-backdrop-dark@2.png")); }
.header-bar .button.titlebutton.minimize:hover, .header-bar .button.titlebutton.minimize:hover,
.titlebar .button.titlebutton.minimize:hover { .titlebar .button.titlebutton.minimize:hover {
background-image: -gtk-scaled(url("assets/titlebutton-min-hover-dark.png"), url("assets/titlebutton-min-hover-dark@2.png")); } background-image: -gtk-scaled(url("assets/titlebutton-minimize-hover-dark.png"), url("assets/titlebutton-minimize-hover-dark@2.png")); }
.header-bar .button.titlebutton.minimize:active, .header-bar .button.titlebutton.minimize:active,
.titlebar .button.titlebutton.minimize:active { .titlebar .button.titlebutton.minimize:active {
background-image: -gtk-scaled(url("assets/titlebutton-min-active-dark.png"), url("assets/titlebutton-min-active-dark@2.png")); } background-image: -gtk-scaled(url("assets/titlebutton-minimize-active-dark.png"), url("assets/titlebutton-minimize-active-dark@2.png")); }
.view:selected, .view:selected:focus, .view:selected:hover, .label:selected, .label:selected:focus, .label:selected:hover, .grid-child:selected, .menuitem.button.flat:active, .menuitem.button.flat:selected, .list-row:selected, GtkEntry.gb-command-bar-entry.entry.flat:selected, GtkEntry.gb-command-bar-entry.entry.flat:selected:focus { .view:selected, .view:selected:focus, .view:selected:hover, .label:selected, .label:selected:focus, .label:selected:hover, .grid-child:selected, .menuitem.button.flat:active, .menuitem.button.flat:selected, .list-row:selected, GtkEntry.gb-command-bar-entry.entry.flat:selected, GtkEntry.gb-command-bar-entry.entry.flat:selected:focus {
background-image: none; background-image: none;

@ -2459,28 +2459,28 @@ GtkVolumeButton.button {
background-image: -gtk-scaled(url("assets/titlebutton-close-active-dark.png"), url("assets/titlebutton-close-active-dark@2.png")); } background-image: -gtk-scaled(url("assets/titlebutton-close-active-dark.png"), url("assets/titlebutton-close-active-dark@2.png")); }
.header-bar .button.titlebutton.maximize, .header-bar .button.titlebutton.maximize,
.titlebar .button.titlebutton.maximize { .titlebar .button.titlebutton.maximize {
background-image: -gtk-scaled(url("assets/titlebutton-max-dark.png"), url("assets/titlebutton-max-dark@2.png")); } background-image: -gtk-scaled(url("assets/titlebutton-maximize-dark.png"), url("assets/titlebutton-maximize-dark@2.png")); }
.header-bar .button.titlebutton.maximize:backdrop, .header-bar .button.titlebutton.maximize:backdrop,
.titlebar .button.titlebutton.maximize:backdrop { .titlebar .button.titlebutton.maximize:backdrop {
background-image: -gtk-scaled(url("assets/titlebutton-max-backdrop-dark.png"), url("assets/titlebutton-max-backdrop-dark@2.png")); } background-image: -gtk-scaled(url("assets/titlebutton-maximize-backdrop-dark.png"), url("assets/titlebutton-maximize-backdrop-dark@2.png")); }
.header-bar .button.titlebutton.maximize:hover, .header-bar .button.titlebutton.maximize:hover,
.titlebar .button.titlebutton.maximize:hover { .titlebar .button.titlebutton.maximize:hover {
background-image: -gtk-scaled(url("assets/titlebutton-max-hover-dark.png"), url("assets/titlebutton-max-hover-dark@2.png")); } background-image: -gtk-scaled(url("assets/titlebutton-maximize-hover-dark.png"), url("assets/titlebutton-maximize-hover-dark@2.png")); }
.header-bar .button.titlebutton.maximize:active, .header-bar .button.titlebutton.maximize:active,
.titlebar .button.titlebutton.maximize:active { .titlebar .button.titlebutton.maximize:active {
background-image: -gtk-scaled(url("assets/titlebutton-max-active-dark.png"), url("assets/titlebutton-max-active-dark@2.png")); } background-image: -gtk-scaled(url("assets/titlebutton-maximize-active-dark.png"), url("assets/titlebutton-maximize-active-dark@2.png")); }
.header-bar .button.titlebutton.minimize, .header-bar .button.titlebutton.minimize,
.titlebar .button.titlebutton.minimize { .titlebar .button.titlebutton.minimize {
background-image: -gtk-scaled(url("assets/titlebutton-min-dark.png"), url("assets/titlebutton-min-dark@2.png")); } background-image: -gtk-scaled(url("assets/titlebutton-minimize-dark.png"), url("assets/titlebutton-minimize-dark@2.png")); }
.header-bar .button.titlebutton.minimize:backdrop, .header-bar .button.titlebutton.minimize:backdrop,
.titlebar .button.titlebutton.minimize:backdrop { .titlebar .button.titlebutton.minimize:backdrop {
background-image: -gtk-scaled(url("assets/titlebutton-min-backdrop-dark.png"), url("assets/titlebutton-min-backdrop-dark@2.png")); } background-image: -gtk-scaled(url("assets/titlebutton-minimize-backdrop-dark.png"), url("assets/titlebutton-minimize-backdrop-dark@2.png")); }
.header-bar .button.titlebutton.minimize:hover, .header-bar .button.titlebutton.minimize:hover,
.titlebar .button.titlebutton.minimize:hover { .titlebar .button.titlebutton.minimize:hover {
background-image: -gtk-scaled(url("assets/titlebutton-min-hover-dark.png"), url("assets/titlebutton-min-hover-dark@2.png")); } background-image: -gtk-scaled(url("assets/titlebutton-minimize-hover-dark.png"), url("assets/titlebutton-minimize-hover-dark@2.png")); }
.header-bar .button.titlebutton.minimize:active, .header-bar .button.titlebutton.minimize:active,
.titlebar .button.titlebutton.minimize:active { .titlebar .button.titlebutton.minimize:active {
background-image: -gtk-scaled(url("assets/titlebutton-min-active-dark.png"), url("assets/titlebutton-min-active-dark@2.png")); } background-image: -gtk-scaled(url("assets/titlebutton-minimize-active-dark.png"), url("assets/titlebutton-minimize-active-dark@2.png")); }
.view:selected, .view:selected:focus, .view:selected:hover, .label:selected, .label:selected:focus, .label:selected:hover, .grid-child:selected, .menuitem.button.flat:active, .menuitem.button.flat:selected, .list-row:selected, GtkEntry.gb-command-bar-entry.entry.flat:selected, GtkEntry.gb-command-bar-entry.entry.flat:selected:focus { .view:selected, .view:selected:focus, .view:selected:hover, .label:selected, .label:selected:focus, .label:selected:hover, .grid-child:selected, .menuitem.button.flat:active, .menuitem.button.flat:selected, .list-row:selected, GtkEntry.gb-command-bar-entry.entry.flat:selected, GtkEntry.gb-command-bar-entry.entry.flat:selected:focus {
background-image: none; background-image: none;

@ -2462,28 +2462,28 @@ GtkVolumeButton.button {
background-image: -gtk-scaled(url("assets/titlebutton-close-active-dark.png"), url("assets/titlebutton-close-active-dark@2.png")); } background-image: -gtk-scaled(url("assets/titlebutton-close-active-dark.png"), url("assets/titlebutton-close-active-dark@2.png")); }
.header-bar .button.titlebutton.maximize, .header-bar .button.titlebutton.maximize,
.titlebar .button.titlebutton.maximize { .titlebar .button.titlebutton.maximize {
background-image: -gtk-scaled(url("assets/titlebutton-max-dark.png"), url("assets/titlebutton-max-dark@2.png")); } background-image: -gtk-scaled(url("assets/titlebutton-maximize-dark.png"), url("assets/titlebutton-maximize-dark@2.png")); }
.header-bar .button.titlebutton.maximize:backdrop, .header-bar .button.titlebutton.maximize:backdrop,
.titlebar .button.titlebutton.maximize:backdrop { .titlebar .button.titlebutton.maximize:backdrop {
background-image: -gtk-scaled(url("assets/titlebutton-max-backdrop-dark.png"), url("assets/titlebutton-max-backdrop-dark@2.png")); } background-image: -gtk-scaled(url("assets/titlebutton-maximize-backdrop-dark.png"), url("assets/titlebutton-maximize-backdrop-dark@2.png")); }
.header-bar .button.titlebutton.maximize:hover, .header-bar .button.titlebutton.maximize:hover,
.titlebar .button.titlebutton.maximize:hover { .titlebar .button.titlebutton.maximize:hover {
background-image: -gtk-scaled(url("assets/titlebutton-max-hover-dark.png"), url("assets/titlebutton-max-hover-dark@2.png")); } background-image: -gtk-scaled(url("assets/titlebutton-maximize-hover-dark.png"), url("assets/titlebutton-maximize-hover-dark@2.png")); }
.header-bar .button.titlebutton.maximize:active, .header-bar .button.titlebutton.maximize:active,
.titlebar .button.titlebutton.maximize:active { .titlebar .button.titlebutton.maximize:active {
background-image: -gtk-scaled(url("assets/titlebutton-max-active-dark.png"), url("assets/titlebutton-max-active-dark@2.png")); } background-image: -gtk-scaled(url("assets/titlebutton-maximize-active-dark.png"), url("assets/titlebutton-maximize-active-dark@2.png")); }
.header-bar .button.titlebutton.minimize, .header-bar .button.titlebutton.minimize,
.titlebar .button.titlebutton.minimize { .titlebar .button.titlebutton.minimize {
background-image: -gtk-scaled(url("assets/titlebutton-min-dark.png"), url("assets/titlebutton-min-dark@2.png")); } background-image: -gtk-scaled(url("assets/titlebutton-minimize-dark.png"), url("assets/titlebutton-minimize-dark@2.png")); }
.header-bar .button.titlebutton.minimize:backdrop, .header-bar .button.titlebutton.minimize:backdrop,
.titlebar .button.titlebutton.minimize:backdrop { .titlebar .button.titlebutton.minimize:backdrop {
background-image: -gtk-scaled(url("assets/titlebutton-min-backdrop-dark.png"), url("assets/titlebutton-min-backdrop-dark@2.png")); } background-image: -gtk-scaled(url("assets/titlebutton-minimize-backdrop-dark.png"), url("assets/titlebutton-minimize-backdrop-dark@2.png")); }
.header-bar .button.titlebutton.minimize:hover, .header-bar .button.titlebutton.minimize:hover,
.titlebar .button.titlebutton.minimize:hover { .titlebar .button.titlebutton.minimize:hover {
background-image: -gtk-scaled(url("assets/titlebutton-min-hover-dark.png"), url("assets/titlebutton-min-hover-dark@2.png")); } background-image: -gtk-scaled(url("assets/titlebutton-minimize-hover-dark.png"), url("assets/titlebutton-minimize-hover-dark@2.png")); }
.header-bar .button.titlebutton.minimize:active, .header-bar .button.titlebutton.minimize:active,
.titlebar .button.titlebutton.minimize:active { .titlebar .button.titlebutton.minimize:active {
background-image: -gtk-scaled(url("assets/titlebutton-min-active-dark.png"), url("assets/titlebutton-min-active-dark@2.png")); } background-image: -gtk-scaled(url("assets/titlebutton-minimize-active-dark.png"), url("assets/titlebutton-minimize-active-dark@2.png")); }
.view:selected, .view:selected:focus, .view:selected:hover, .label:selected, .label:selected:focus, .label:selected:hover, .grid-child:selected, .menuitem.button.flat:active, .menuitem.button.flat:selected, .list-row:selected, GtkEntry.gb-command-bar-entry.entry.flat:selected, GtkEntry.gb-command-bar-entry.entry.flat:selected:focus { .view:selected, .view:selected:focus, .view:selected:hover, .label:selected, .label:selected:focus, .label:selected:hover, .grid-child:selected, .menuitem.button.flat:active, .menuitem.button.flat:selected, .list-row:selected, GtkEntry.gb-command-bar-entry.entry.flat:selected, GtkEntry.gb-command-bar-entry.entry.flat:selected:focus {
background-image: none; background-image: none;

@ -2462,28 +2462,28 @@ GtkVolumeButton.button {
background-image: -gtk-scaled(url("assets/titlebutton-close-active.png"), url("assets/titlebutton-close-active@2.png")); } background-image: -gtk-scaled(url("assets/titlebutton-close-active.png"), url("assets/titlebutton-close-active@2.png")); }
.header-bar .button.titlebutton.maximize, .header-bar .button.titlebutton.maximize,
.titlebar .button.titlebutton.maximize { .titlebar .button.titlebutton.maximize {
background-image: -gtk-scaled(url("assets/titlebutton-max.png"), url("assets/titlebutton-max@2.png")); } background-image: -gtk-scaled(url("assets/titlebutton-maximize.png"), url("assets/titlebutton-maximize@2.png")); }
.header-bar .button.titlebutton.maximize:backdrop, .header-bar .button.titlebutton.maximize:backdrop,
.titlebar .button.titlebutton.maximize:backdrop { .titlebar .button.titlebutton.maximize:backdrop {
background-image: -gtk-scaled(url("assets/titlebutton-max-backdrop.png"), url("assets/titlebutton-max-backdrop@2.png")); } background-image: -gtk-scaled(url("assets/titlebutton-maximize-backdrop.png"), url("assets/titlebutton-maximize-backdrop@2.png")); }
.header-bar .button.titlebutton.maximize:hover, .header-bar .button.titlebutton.maximize:hover,
.titlebar .button.titlebutton.maximize:hover { .titlebar .button.titlebutton.maximize:hover {
background-image: -gtk-scaled(url("assets/titlebutton-max-hover.png"), url("assets/titlebutton-max-hover@2.png")); } background-image: -gtk-scaled(url("assets/titlebutton-maximize-hover.png"), url("assets/titlebutton-maximize-hover@2.png")); }
.header-bar .button.titlebutton.maximize:active, .header-bar .button.titlebutton.maximize:active,
.titlebar .button.titlebutton.maximize:active { .titlebar .button.titlebutton.maximize:active {
background-image: -gtk-scaled(url("assets/titlebutton-max-active.png"), url("assets/titlebutton-max-active@2.png")); } background-image: -gtk-scaled(url("assets/titlebutton-maximize-active.png"), url("assets/titlebutton-maximize-active@2.png")); }
.header-bar .button.titlebutton.minimize, .header-bar .button.titlebutton.minimize,
.titlebar .button.titlebutton.minimize { .titlebar .button.titlebutton.minimize {
background-image: -gtk-scaled(url("assets/titlebutton-min.png"), url("assets/titlebutton-min@2.png")); } background-image: -gtk-scaled(url("assets/titlebutton-minimize.png"), url("assets/titlebutton-minimize@2.png")); }
.header-bar .button.titlebutton.minimize:backdrop, .header-bar .button.titlebutton.minimize:backdrop,
.titlebar .button.titlebutton.minimize:backdrop { .titlebar .button.titlebutton.minimize:backdrop {
background-image: -gtk-scaled(url("assets/titlebutton-min-backdrop.png"), url("assets/titlebutton-min-backdrop@2.png")); } background-image: -gtk-scaled(url("assets/titlebutton-minimize-backdrop.png"), url("assets/titlebutton-minimize-backdrop@2.png")); }
.header-bar .button.titlebutton.minimize:hover, .header-bar .button.titlebutton.minimize:hover,
.titlebar .button.titlebutton.minimize:hover { .titlebar .button.titlebutton.minimize:hover {
background-image: -gtk-scaled(url("assets/titlebutton-min-hover.png"), url("assets/titlebutton-min-hover@2.png")); } background-image: -gtk-scaled(url("assets/titlebutton-minimize-hover.png"), url("assets/titlebutton-minimize-hover@2.png")); }
.header-bar .button.titlebutton.minimize:active, .header-bar .button.titlebutton.minimize:active,
.titlebar .button.titlebutton.minimize:active { .titlebar .button.titlebutton.minimize:active {
background-image: -gtk-scaled(url("assets/titlebutton-min-active.png"), url("assets/titlebutton-min-active@2.png")); } background-image: -gtk-scaled(url("assets/titlebutton-minimize-active.png"), url("assets/titlebutton-minimize-active@2.png")); }
.view:selected, .view:selected:focus, .view:selected:hover, .label:selected, .label:selected:focus, .label:selected:hover, .grid-child:selected, .menuitem.button.flat:active, .menuitem.button.flat:selected, .list-row:selected, GtkEntry.gb-command-bar-entry.entry.flat:selected, GtkEntry.gb-command-bar-entry.entry.flat:selected:focus { .view:selected, .view:selected:focus, .view:selected:hover, .label:selected, .label:selected:focus, .label:selected:hover, .grid-child:selected, .menuitem.button.flat:active, .menuitem.button.flat:selected, .list-row:selected, GtkEntry.gb-command-bar-entry.entry.flat:selected, GtkEntry.gb-command-bar-entry.entry.flat:selected:focus {
background-image: none; background-image: none;

@ -2462,28 +2462,28 @@ GtkVolumeButton.button {
background-image: -gtk-scaled(url("assets/titlebutton-close-active.png"), url("assets/titlebutton-close-active@2.png")); } background-image: -gtk-scaled(url("assets/titlebutton-close-active.png"), url("assets/titlebutton-close-active@2.png")); }
.header-bar .button.titlebutton.maximize, .header-bar .button.titlebutton.maximize,
.titlebar .button.titlebutton.maximize { .titlebar .button.titlebutton.maximize {
background-image: -gtk-scaled(url("assets/titlebutton-max.png"), url("assets/titlebutton-max@2.png")); } background-image: -gtk-scaled(url("assets/titlebutton-maximize.png"), url("assets/titlebutton-maximize@2.png")); }
.header-bar .button.titlebutton.maximize:backdrop, .header-bar .button.titlebutton.maximize:backdrop,
.titlebar .button.titlebutton.maximize:backdrop { .titlebar .button.titlebutton.maximize:backdrop {
background-image: -gtk-scaled(url("assets/titlebutton-max-backdrop.png"), url("assets/titlebutton-max-backdrop@2.png")); } background-image: -gtk-scaled(url("assets/titlebutton-maximize-backdrop.png"), url("assets/titlebutton-maximize-backdrop@2.png")); }
.header-bar .button.titlebutton.maximize:hover, .header-bar .button.titlebutton.maximize:hover,
.titlebar .button.titlebutton.maximize:hover { .titlebar .button.titlebutton.maximize:hover {
background-image: -gtk-scaled(url("assets/titlebutton-max-hover.png"), url("assets/titlebutton-max-hover@2.png")); } background-image: -gtk-scaled(url("assets/titlebutton-maximize-hover.png"), url("assets/titlebutton-maximize-hover@2.png")); }
.header-bar .button.titlebutton.maximize:active, .header-bar .button.titlebutton.maximize:active,
.titlebar .button.titlebutton.maximize:active { .titlebar .button.titlebutton.maximize:active {
background-image: -gtk-scaled(url("assets/titlebutton-max-active.png"), url("assets/titlebutton-max-active@2.png")); } background-image: -gtk-scaled(url("assets/titlebutton-maximize-active.png"), url("assets/titlebutton-maximize-active@2.png")); }
.header-bar .button.titlebutton.minimize, .header-bar .button.titlebutton.minimize,
.titlebar .button.titlebutton.minimize { .titlebar .button.titlebutton.minimize {
background-image: -gtk-scaled(url("assets/titlebutton-min.png"), url("assets/titlebutton-min@2.png")); } background-image: -gtk-scaled(url("assets/titlebutton-minimize.png"), url("assets/titlebutton-minimize@2.png")); }
.header-bar .button.titlebutton.minimize:backdrop, .header-bar .button.titlebutton.minimize:backdrop,
.titlebar .button.titlebutton.minimize:backdrop { .titlebar .button.titlebutton.minimize:backdrop {
background-image: -gtk-scaled(url("assets/titlebutton-min-backdrop.png"), url("assets/titlebutton-min-backdrop@2.png")); } background-image: -gtk-scaled(url("assets/titlebutton-minimize-backdrop.png"), url("assets/titlebutton-minimize-backdrop@2.png")); }
.header-bar .button.titlebutton.minimize:hover, .header-bar .button.titlebutton.minimize:hover,
.titlebar .button.titlebutton.minimize:hover { .titlebar .button.titlebutton.minimize:hover {
background-image: -gtk-scaled(url("assets/titlebutton-min-hover.png"), url("assets/titlebutton-min-hover@2.png")); } background-image: -gtk-scaled(url("assets/titlebutton-minimize-hover.png"), url("assets/titlebutton-minimize-hover@2.png")); }
.header-bar .button.titlebutton.minimize:active, .header-bar .button.titlebutton.minimize:active,
.titlebar .button.titlebutton.minimize:active { .titlebar .button.titlebutton.minimize:active {
background-image: -gtk-scaled(url("assets/titlebutton-min-active.png"), url("assets/titlebutton-min-active@2.png")); } background-image: -gtk-scaled(url("assets/titlebutton-minimize-active.png"), url("assets/titlebutton-minimize-active@2.png")); }
.view:selected, .view:selected:focus, .view:selected:hover, .label:selected, .label:selected:focus, .label:selected:hover, .grid-child:selected, .menuitem.button.flat:active, .menuitem.button.flat:selected, .list-row:selected, GtkEntry.gb-command-bar-entry.entry.flat:selected, GtkEntry.gb-command-bar-entry.entry.flat:selected:focus { .view:selected, .view:selected:focus, .view:selected:hover, .label:selected, .label:selected:focus, .label:selected:hover, .grid-child:selected, .menuitem.button.flat:active, .menuitem.button.flat:selected, .list-row:selected, GtkEntry.gb-command-bar-entry.entry.flat:selected, GtkEntry.gb-command-bar-entry.entry.flat:selected:focus {
background-image: none; background-image: none;

@ -2816,9 +2816,7 @@ GtkVolumeButton.button { padding: 8px; }
&:active, &:checked { &:active, &:checked {
@include button(header-active); @include button(header-active);
} }
&.close, &.maximize, &.minimize { &.close, &.maximize, &.minimize {
color: transparent; color: transparent;
background-color: transparent; background-color: transparent;
background-position: center; background-position: center;
@ -2827,21 +2825,14 @@ GtkVolumeButton.button { padding: 8px; }
&:backdrop { opacity: 1; } &:backdrop { opacity: 1; }
} }
// Load png assets for each button
@each $k in ('close','maximize', 'minimize') {
@each $l, $m in ('',''), (':backdrop','-backdrop'), (':hover','-hover'), (':active','-active') {
&.close { background-image: -gtk-scaled(url('assets/titlebutton-close#{$darker_asset_suffix}.png'),url('assets/titlebutton-close#{$darker_asset_suffix}@2.png')); } &.#{$k}#{$l} { background-image: -gtk-scaled(url('assets/titlebutton-#{$k}#{$m}#{$darker_asset_suffix}.png'),
&.close:backdrop { background-image: -gtk-scaled(url('assets/titlebutton-close-backdrop#{$darker_asset_suffix}.png'),url('assets/titlebutton-close-backdrop#{$darker_asset_suffix}@2.png')); } url('assets/titlebutton-#{$k}#{$m}#{$darker_asset_suffix}@2.png')); }
&.close:hover { background-image: -gtk-scaled(url('assets/titlebutton-close-hover#{$darker_asset_suffix}.png'),url('assets/titlebutton-close-hover#{$darker_asset_suffix}@2.png')); } }
&.close:active { background-image: -gtk-scaled(url('assets/titlebutton-close-active#{$darker_asset_suffix}.png'),url('assets/titlebutton-close-active#{$darker_asset_suffix}@2.png')); } }
&.maximize { background-image: -gtk-scaled(url('assets/titlebutton-max#{$darker_asset_suffix}.png'),url('assets/titlebutton-max#{$darker_asset_suffix}@2.png')); }
&.maximize:backdrop { background-image: -gtk-scaled(url('assets/titlebutton-max-backdrop#{$darker_asset_suffix}.png'),url('assets/titlebutton-max-backdrop#{$darker_asset_suffix}@2.png')); }
&.maximize:hover { background-image: -gtk-scaled(url('assets/titlebutton-max-hover#{$darker_asset_suffix}.png'),url('assets/titlebutton-max-hover#{$darker_asset_suffix}@2.png')); }
&.maximize:active { background-image: -gtk-scaled(url('assets/titlebutton-max-active#{$darker_asset_suffix}.png'),url('assets/titlebutton-max-active#{$darker_asset_suffix}@2.png')); }
&.minimize { background-image: -gtk-scaled(url('assets/titlebutton-min#{$darker_asset_suffix}.png'),url('assets/titlebutton-min#{$darker_asset_suffix}@2.png')); }
&.minimize:backdrop { background-image: -gtk-scaled(url('assets/titlebutton-min-backdrop#{$darker_asset_suffix}.png'),url('assets/titlebutton-min-backdrop#{$darker_asset_suffix}@2.png')); }
&.minimize:hover { background-image: -gtk-scaled(url('assets/titlebutton-min-hover#{$darker_asset_suffix}.png'),url('assets/titlebutton-min-hover#{$darker_asset_suffix}@2.png')); }
&.minimize:active { background-image: -gtk-scaled(url('assets/titlebutton-min-active#{$darker_asset_suffix}.png'),url('assets/titlebutton-min-active#{$darker_asset_suffix}@2.png')); }
} }
} }

@ -24,9 +24,9 @@
borderopacity="1.0" borderopacity="1.0"
inkscape:pageopacity="0.0" inkscape:pageopacity="0.0"
inkscape:pageshadow="2" inkscape:pageshadow="2"
inkscape:zoom="8" inkscape:zoom="4"
inkscape:cx="176.38504" inkscape:cx="117.91346"
inkscape:cy="151.27384" inkscape:cy="193.93448"
inkscape:document-units="px" inkscape:document-units="px"
inkscape:current-layer="layer1" inkscape:current-layer="layer1"
showgrid="false" showgrid="false"
@ -2239,7 +2239,7 @@
style="display:inline" style="display:inline"
transform="translate(8.000005,285.63782)"> transform="translate(8.000005,285.63782)">
<g <g
id="titlebutton-min" id="titlebutton-minimize"
inkscape:label="#g6247" inkscape:label="#g6247"
transform="translate(-471,-43)" transform="translate(-471,-43)"
style="opacity:0.8"> style="opacity:0.8">
@ -2652,7 +2652,7 @@
style="color:#bebebe;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:'Andale Mono';-inkscape-font-specification:'Andale Mono';text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;text-anchor:start;display:inline;overflow:visible;visibility:visible;opacity:1;fill:#f8f8f9;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.78124988;marker:none;enable-background:new" /> style="color:#bebebe;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:'Andale Mono';-inkscape-font-specification:'Andale Mono';text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;text-anchor:start;display:inline;overflow:visible;visibility:visible;opacity:1;fill:#f8f8f9;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.78124988;marker:none;enable-background:new" />
</g> </g>
<g <g
id="titlebutton-max" id="titlebutton-maximize"
inkscape:label="#g6234" inkscape:label="#g6234"
transform="translate(-480,-43)" transform="translate(-480,-43)"
style="opacity:0.8"> style="opacity:0.8">
@ -2765,7 +2765,7 @@
style="color:#bebebe;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:'Andale Mono';-inkscape-font-specification:'Andale Mono';text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;text-anchor:start;display:inline;overflow:visible;visibility:visible;opacity:1;fill:#f8f8f9;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.78124988;marker:none;enable-background:new" /> style="color:#bebebe;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:'Andale Mono';-inkscape-font-specification:'Andale Mono';text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;text-anchor:start;display:inline;overflow:visible;visibility:visible;opacity:1;fill:#f8f8f9;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.78124988;marker:none;enable-background:new" />
</g> </g>
<g <g
id="titlebutton-max-hover" id="titlebutton-maximize-hover"
inkscape:label="#g6284" inkscape:label="#g6284"
transform="translate(-377,-9)"> transform="translate(-377,-9)">
<g <g
@ -2851,7 +2851,7 @@
style="display:inline;opacity:1;fill:none;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" /> style="display:inline;opacity:1;fill:none;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
</g> </g>
<g <g
id="titlebutton-min-hover" id="titlebutton-minimize-hover"
inkscape:label="#g6308" inkscape:label="#g6308"
transform="translate(-368,-9)"> transform="translate(-368,-9)">
<g <g
@ -3019,7 +3019,7 @@
style="display:inline;opacity:1;fill:none;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" /> style="display:inline;opacity:1;fill:none;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
</g> </g>
<g <g
id="titlebutton-max-active" id="titlebutton-maximize-active"
inkscape:label="#g6356" inkscape:label="#g6356"
transform="translate(-276,8)"> transform="translate(-276,8)">
<g <g
@ -3109,7 +3109,7 @@
style="display:inline;opacity:1;fill:none;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" /> style="display:inline;opacity:1;fill:none;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
</g> </g>
<g <g
id="titlebutton-min-active" id="titlebutton-minimize-active"
inkscape:label="#g6414" inkscape:label="#g6414"
transform="translate(-267,8)"> transform="translate(-267,8)">
<g <g
@ -3199,7 +3199,7 @@
y="-185.63782" /> y="-185.63782" />
</g> </g>
<g <g
id="titlebutton-max-backdrop" id="titlebutton-maximize-backdrop"
inkscape:label="#g6521" inkscape:label="#g6521"
style="opacity:0.45" style="opacity:0.45"
transform="translate(-480,-43)"> transform="translate(-480,-43)">
@ -3232,7 +3232,7 @@
y="-168.63782" /> y="-168.63782" />
</g> </g>
<g <g
id="titlebutton-min-backdrop" id="titlebutton-minimize-backdrop"
inkscape:label="#g6534" inkscape:label="#g6534"
style="opacity:0.45" style="opacity:0.45"
transform="translate(-471,-43)"> transform="translate(-471,-43)">
@ -4648,7 +4648,7 @@
</g> </g>
<g <g
style="display:inline;opacity:0.7" style="display:inline;opacity:0.7"
id="titlebutton-min-dark" id="titlebutton-minimize-dark"
inkscape:label="#g6247" inkscape:label="#g6247"
transform="translate(-229.00002,-43.000019)"> transform="translate(-229.00002,-43.000019)">
<g <g
@ -4757,7 +4757,7 @@
</g> </g>
<g <g
style="display:inline;opacity:0.7" style="display:inline;opacity:0.7"
id="titlebutton-max-dark" id="titlebutton-maximize-dark"
inkscape:label="#g6234" inkscape:label="#g6234"
transform="translate(-238.00002,-43.000019)"> transform="translate(-238.00002,-43.000019)">
<g <g
@ -4866,7 +4866,7 @@
</g> </g>
<g <g
style="display:inline" style="display:inline"
id="titlebutton-max-hover-dark" id="titlebutton-maximize-hover-dark"
inkscape:label="#g6284" inkscape:label="#g6284"
transform="translate(-135.00001,-9.0000206)"> transform="translate(-135.00001,-9.0000206)">
<g <g
@ -4953,7 +4953,7 @@
</g> </g>
<g <g
style="display:inline" style="display:inline"
id="titlebutton-min-hover-dark" id="titlebutton-minimize-hover-dark"
inkscape:label="#g6308" inkscape:label="#g6308"
transform="translate(-126.00001,-9.0000206)"> transform="translate(-126.00001,-9.0000206)">
<g <g
@ -5116,7 +5116,7 @@
</g> </g>
<g <g
style="display:inline" style="display:inline"
id="titlebutton-max-active-dark" id="titlebutton-maximize-active-dark"
inkscape:label="#g6356" inkscape:label="#g6356"
transform="translate(-34.000017,7.9999889)"> transform="translate(-34.000017,7.9999889)">
<g <g
@ -5207,7 +5207,7 @@
</g> </g>
<g <g
style="display:inline" style="display:inline"
id="titlebutton-min-active-dark" id="titlebutton-minimize-active-dark"
inkscape:label="#g6414" inkscape:label="#g6414"
transform="translate(-25.000017,7.9999889)"> transform="translate(-25.000017,7.9999889)">
<g <g
@ -5297,7 +5297,7 @@
y="-185.63782" /> y="-185.63782" />
</g> </g>
<g <g
id="titlebutton-max-backdrop-dark" id="titlebutton-maximize-backdrop-dark"
inkscape:label="#g6521" inkscape:label="#g6521"
style="display:inline;opacity:0.4" style="display:inline;opacity:0.4"
transform="translate(-238.00002,-43.000019)"> transform="translate(-238.00002,-43.000019)">
@ -5330,7 +5330,7 @@
y="-168.63782" /> y="-168.63782" />
</g> </g>
<g <g
id="titlebutton-min-backdrop-dark" id="titlebutton-minimize-backdrop-dark"
inkscape:label="#g6534" inkscape:label="#g6534"
style="display:inline;opacity:0.4" style="display:inline;opacity:0.4"
transform="translate(-229.00002,-43.000019)"> transform="translate(-229.00002,-43.000019)">

Before

Width:  |  Height:  |  Size: 229 KiB

After

Width:  |  Height:  |  Size: 229 KiB

@ -40,14 +40,14 @@ titlebutton-close
titlebutton-close-backdrop titlebutton-close-backdrop
titlebutton-close-hover titlebutton-close-hover
titlebutton-close-active titlebutton-close-active
titlebutton-max titlebutton-maximize
titlebutton-max-backdrop titlebutton-maximize-backdrop
titlebutton-max-hover titlebutton-maximize-hover
titlebutton-max-active titlebutton-maximize-active
titlebutton-min titlebutton-minimize
titlebutton-min-backdrop titlebutton-minimize-backdrop
titlebutton-min-hover titlebutton-minimize-hover
titlebutton-min-active titlebutton-minimize-active
checkbox-checked-dark checkbox-checked-dark
checkbox-checked-insensitive-dark checkbox-checked-insensitive-dark
checkbox-unchecked-dark checkbox-unchecked-dark
@ -74,11 +74,11 @@ titlebutton-close-dark
titlebutton-close-backdrop-dark titlebutton-close-backdrop-dark
titlebutton-close-hover-dark titlebutton-close-hover-dark
titlebutton-close-active-dark titlebutton-close-active-dark
titlebutton-max-dark titlebutton-maximize-dark
titlebutton-max-backdrop-dark titlebutton-maximize-backdrop-dark
titlebutton-max-hover-dark titlebutton-maximize-hover-dark
titlebutton-max-active-dark titlebutton-maximize-active-dark
titlebutton-min-dark titlebutton-minimize-dark
titlebutton-min-backdrop-dark titlebutton-minimize-backdrop-dark
titlebutton-min-hover-dark titlebutton-minimize-hover-dark
titlebutton-min-active-dark titlebutton-minimize-active-dark

Before

Width:  |  Height:  |  Size: 241 B

After

Width:  |  Height:  |  Size: 241 B

Some files were not shown because too many files have changed in this diff Show More

Loading…
Cancel
Save