refactor titlebutton styling

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

@ -24,9 +24,9 @@
borderopacity="1.0"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="8"
inkscape:cx="176.38504"
inkscape:cy="151.27384"
inkscape:zoom="4"
inkscape:cx="117.91346"
inkscape:cy="193.93448"
inkscape:document-units="px"
inkscape:current-layer="layer1"
showgrid="false"
@ -2239,7 +2239,7 @@
style="display:inline"
transform="translate(8.000005,285.63782)">
<g
id="titlebutton-min"
id="titlebutton-minimize"
inkscape:label="#g6247"
transform="translate(-471,-43)"
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" />
</g>
<g
id="titlebutton-max"
id="titlebutton-maximize"
inkscape:label="#g6234"
transform="translate(-480,-43)"
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" />
</g>
<g
id="titlebutton-max-hover"
id="titlebutton-maximize-hover"
inkscape:label="#g6284"
transform="translate(-377,-9)">
<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" />
</g>
<g
id="titlebutton-min-hover"
id="titlebutton-minimize-hover"
inkscape:label="#g6308"
transform="translate(-368,-9)">
<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" />
</g>
<g
id="titlebutton-max-active"
id="titlebutton-maximize-active"
inkscape:label="#g6356"
transform="translate(-276,8)">
<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" />
</g>
<g
id="titlebutton-min-active"
id="titlebutton-minimize-active"
inkscape:label="#g6414"
transform="translate(-267,8)">
<g
@ -3199,7 +3199,7 @@
y="-185.63782" />
</g>
<g
id="titlebutton-max-backdrop"
id="titlebutton-maximize-backdrop"
inkscape:label="#g6521"
style="opacity:0.45"
transform="translate(-480,-43)">
@ -3232,7 +3232,7 @@
y="-168.63782" />
</g>
<g
id="titlebutton-min-backdrop"
id="titlebutton-minimize-backdrop"
inkscape:label="#g6534"
style="opacity:0.45"
transform="translate(-471,-43)">
@ -4648,7 +4648,7 @@
</g>
<g
style="display:inline;opacity:0.7"
id="titlebutton-min-dark"
id="titlebutton-minimize-dark"
inkscape:label="#g6247"
transform="translate(-229.00002,-43.000019)">
<g
@ -4757,7 +4757,7 @@
</g>
<g
style="display:inline;opacity:0.7"
id="titlebutton-max-dark"
id="titlebutton-maximize-dark"
inkscape:label="#g6234"
transform="translate(-238.00002,-43.000019)">
<g
@ -4866,7 +4866,7 @@
</g>
<g
style="display:inline"
id="titlebutton-max-hover-dark"
id="titlebutton-maximize-hover-dark"
inkscape:label="#g6284"
transform="translate(-135.00001,-9.0000206)">
<g
@ -4953,7 +4953,7 @@
</g>
<g
style="display:inline"
id="titlebutton-min-hover-dark"
id="titlebutton-minimize-hover-dark"
inkscape:label="#g6308"
transform="translate(-126.00001,-9.0000206)">
<g
@ -5116,7 +5116,7 @@
</g>
<g
style="display:inline"
id="titlebutton-max-active-dark"
id="titlebutton-maximize-active-dark"
inkscape:label="#g6356"
transform="translate(-34.000017,7.9999889)">
<g
@ -5207,7 +5207,7 @@
</g>
<g
style="display:inline"
id="titlebutton-min-active-dark"
id="titlebutton-minimize-active-dark"
inkscape:label="#g6414"
transform="translate(-25.000017,7.9999889)">
<g
@ -5297,7 +5297,7 @@
y="-185.63782" />
</g>
<g
id="titlebutton-max-backdrop-dark"
id="titlebutton-maximize-backdrop-dark"
inkscape:label="#g6521"
style="display:inline;opacity:0.4"
transform="translate(-238.00002,-43.000019)">
@ -5330,7 +5330,7 @@
y="-168.63782" />
</g>
<g
id="titlebutton-min-backdrop-dark"
id="titlebutton-minimize-backdrop-dark"
inkscape:label="#g6534"
style="display:inline;opacity:0.4"
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-hover
titlebutton-close-active
titlebutton-max
titlebutton-max-backdrop
titlebutton-max-hover
titlebutton-max-active
titlebutton-min
titlebutton-min-backdrop
titlebutton-min-hover
titlebutton-min-active
titlebutton-maximize
titlebutton-maximize-backdrop
titlebutton-maximize-hover
titlebutton-maximize-active
titlebutton-minimize
titlebutton-minimize-backdrop
titlebutton-minimize-hover
titlebutton-minimize-active
checkbox-checked-dark
checkbox-checked-insensitive-dark
checkbox-unchecked-dark
@ -74,11 +74,11 @@ titlebutton-close-dark
titlebutton-close-backdrop-dark
titlebutton-close-hover-dark
titlebutton-close-active-dark
titlebutton-max-dark
titlebutton-max-backdrop-dark
titlebutton-max-hover-dark
titlebutton-max-active-dark
titlebutton-min-dark
titlebutton-min-backdrop-dark
titlebutton-min-hover-dark
titlebutton-min-active-dark
titlebutton-maximize-dark
titlebutton-maximize-backdrop-dark
titlebutton-maximize-hover-dark
titlebutton-maximize-active-dark
titlebutton-minimize-dark
titlebutton-minimize-backdrop-dark
titlebutton-minimize-hover-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 .left .button.titlebutton:nth-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:dir(rtl) .button.titlebutton:nth-child(3):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:dir(rtl) .button.titlebutton:nth-last-child(3):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:dir(rtl) .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 .left .button.titlebutton:nth-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:dir(rtl) .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 .left .button.titlebutton:nth-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: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 .left .button.titlebutton:nth-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:dir(rtl) .button.titlebutton:nth-child(2):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:dir(rtl) .button.titlebutton:nth-last-child(2):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:dir(rtl) .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 .left .button.titlebutton:nth-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:dir(rtl) .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 .left .button.titlebutton:nth-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: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 .left .button.titlebutton:nth-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:dir(rtl) .button.titlebutton:nth-child(3):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:dir(rtl) .button.titlebutton:nth-last-child(3):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:dir(rtl) .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 .left .button.titlebutton:nth-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:dir(rtl) .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 .left .button.titlebutton:nth-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: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 .left .button.titlebutton:nth-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:dir(rtl) .button.titlebutton:nth-child(2):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:dir(rtl) .button.titlebutton:nth-last-child(2):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:dir(rtl) .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 .left .button.titlebutton:nth-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:dir(rtl) .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 .left .button.titlebutton:nth-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: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 .left .button.titlebutton:nth-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:dir(rtl) .button.titlebutton:nth-child(3):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:dir(rtl) .button.titlebutton:nth-last-child(3):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:dir(rtl) .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 .left .button.titlebutton:nth-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:dir(rtl) .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 .left .button.titlebutton:nth-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: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 .left .button.titlebutton:nth-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:dir(rtl) .button.titlebutton:nth-child(2):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:dir(rtl) .button.titlebutton:nth-last-child(2):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:dir(rtl) .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 .left .button.titlebutton:nth-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:dir(rtl) .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 .left .button.titlebutton:nth-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: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 .left .button.titlebutton:nth-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:dir(rtl) .button.titlebutton:nth-child(3):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:dir(rtl) .button.titlebutton:nth-last-child(3):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:dir(rtl) .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 .left .button.titlebutton:nth-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:dir(rtl) .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 .left .button.titlebutton:nth-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: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 .left .button.titlebutton:nth-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:dir(rtl) .button.titlebutton:nth-child(2):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:dir(rtl) .button.titlebutton:nth-last-child(2):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:dir(rtl) .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 .left .button.titlebutton:nth-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:dir(rtl) .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 .left .button.titlebutton:nth-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: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 .left .button.titlebutton:nth-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:dir(rtl) .button.titlebutton:nth-child(3):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:dir(rtl) .button.titlebutton:nth-last-child(3):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:dir(rtl) .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 .left .button.titlebutton:nth-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:dir(rtl) .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 .left .button.titlebutton:nth-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: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 .left .button.titlebutton:nth-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:dir(rtl) .button.titlebutton:nth-child(2):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:dir(rtl) .button.titlebutton:nth-last-child(2):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:dir(rtl) .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 .left .button.titlebutton:nth-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:dir(rtl) .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 .left .button.titlebutton:nth-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: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 .left .button.titlebutton:nth-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:dir(rtl) .button.titlebutton:nth-child(3):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:dir(rtl) .button.titlebutton:nth-last-child(3):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:dir(rtl) .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 .left .button.titlebutton:nth-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:dir(rtl) .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 .left .button.titlebutton:nth-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: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 .left .button.titlebutton:nth-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:dir(rtl) .button.titlebutton:nth-child(2):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:dir(rtl) .button.titlebutton:nth-last-child(2):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:dir(rtl) .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 .left .button.titlebutton:nth-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:dir(rtl) .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 .left .button.titlebutton:nth-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:dir(rtl) .button.titlebutton:first-child,

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

@ -24,9 +24,9 @@
borderopacity="1.0"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="8"
inkscape:cx="176.38504"
inkscape:cy="151.27384"
inkscape:zoom="4"
inkscape:cx="117.91346"
inkscape:cy="193.93448"
inkscape:document-units="px"
inkscape:current-layer="layer1"
showgrid="false"
@ -2239,7 +2239,7 @@
style="display:inline"
transform="translate(8.000005,285.63782)">
<g
id="titlebutton-min"
id="titlebutton-minimize"
inkscape:label="#g6247"
transform="translate(-471,-43)"
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" />
</g>
<g
id="titlebutton-max"
id="titlebutton-maximize"
inkscape:label="#g6234"
transform="translate(-480,-43)"
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" />
</g>
<g
id="titlebutton-max-hover"
id="titlebutton-maximize-hover"
inkscape:label="#g6284"
transform="translate(-377,-9)">
<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" />
</g>
<g
id="titlebutton-min-hover"
id="titlebutton-minimize-hover"
inkscape:label="#g6308"
transform="translate(-368,-9)">
<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" />
</g>
<g
id="titlebutton-max-active"
id="titlebutton-maximize-active"
inkscape:label="#g6356"
transform="translate(-276,8)">
<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" />
</g>
<g
id="titlebutton-min-active"
id="titlebutton-minimize-active"
inkscape:label="#g6414"
transform="translate(-267,8)">
<g
@ -3199,7 +3199,7 @@
y="-185.63782" />
</g>
<g
id="titlebutton-max-backdrop"
id="titlebutton-maximize-backdrop"
inkscape:label="#g6521"
style="opacity:0.45"
transform="translate(-480,-43)">
@ -3232,7 +3232,7 @@
y="-168.63782" />
</g>
<g
id="titlebutton-min-backdrop"
id="titlebutton-minimize-backdrop"
inkscape:label="#g6534"
style="opacity:0.45"
transform="translate(-471,-43)">
@ -4648,7 +4648,7 @@
</g>
<g
style="display:inline;opacity:0.7"
id="titlebutton-min-dark"
id="titlebutton-minimize-dark"
inkscape:label="#g6247"
transform="translate(-229.00002,-43.000019)">
<g
@ -4757,7 +4757,7 @@
</g>
<g
style="display:inline;opacity:0.7"
id="titlebutton-max-dark"
id="titlebutton-maximize-dark"
inkscape:label="#g6234"
transform="translate(-238.00002,-43.000019)">
<g
@ -4866,7 +4866,7 @@
</g>
<g
style="display:inline"
id="titlebutton-max-hover-dark"
id="titlebutton-maximize-hover-dark"
inkscape:label="#g6284"
transform="translate(-135.00001,-9.0000206)">
<g
@ -4953,7 +4953,7 @@
</g>
<g
style="display:inline"
id="titlebutton-min-hover-dark"
id="titlebutton-minimize-hover-dark"
inkscape:label="#g6308"
transform="translate(-126.00001,-9.0000206)">
<g
@ -5116,7 +5116,7 @@
</g>
<g
style="display:inline"
id="titlebutton-max-active-dark"
id="titlebutton-maximize-active-dark"
inkscape:label="#g6356"
transform="translate(-34.000017,7.9999889)">
<g
@ -5207,7 +5207,7 @@
</g>
<g
style="display:inline"
id="titlebutton-min-active-dark"
id="titlebutton-minimize-active-dark"
inkscape:label="#g6414"
transform="translate(-25.000017,7.9999889)">
<g
@ -5297,7 +5297,7 @@
y="-185.63782" />
</g>
<g
id="titlebutton-max-backdrop-dark"
id="titlebutton-maximize-backdrop-dark"
inkscape:label="#g6521"
style="display:inline;opacity:0.4"
transform="translate(-238.00002,-43.000019)">
@ -5330,7 +5330,7 @@
y="-168.63782" />
</g>
<g
id="titlebutton-min-backdrop-dark"
id="titlebutton-minimize-backdrop-dark"
inkscape:label="#g6534"
style="display:inline;opacity:0.4"
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-hover
titlebutton-close-active
titlebutton-max
titlebutton-max-backdrop
titlebutton-max-hover
titlebutton-max-active
titlebutton-min
titlebutton-min-backdrop
titlebutton-min-hover
titlebutton-min-active
titlebutton-maximize
titlebutton-maximize-backdrop
titlebutton-maximize-hover
titlebutton-maximize-active
titlebutton-minimize
titlebutton-minimize-backdrop
titlebutton-minimize-hover
titlebutton-minimize-active
checkbox-checked-dark
checkbox-checked-insensitive-dark
checkbox-unchecked-dark
@ -74,11 +74,11 @@ titlebutton-close-dark
titlebutton-close-backdrop-dark
titlebutton-close-hover-dark
titlebutton-close-active-dark
titlebutton-max-dark
titlebutton-max-backdrop-dark
titlebutton-max-hover-dark
titlebutton-max-active-dark
titlebutton-min-dark
titlebutton-min-backdrop-dark
titlebutton-min-hover-dark
titlebutton-min-active-dark
titlebutton-maximize-dark
titlebutton-maximize-backdrop-dark
titlebutton-maximize-hover-dark
titlebutton-maximize-active-dark
titlebutton-minimize-dark
titlebutton-minimize-backdrop-dark
titlebutton-minimize-hover-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")); }
.header-bar .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,
.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,
.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,
.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,
.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,
.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,
.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,
.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 {
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")); }
.header-bar .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,
.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,
.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,
.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,
.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,
.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,
.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,
.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 {
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")); }
.header-bar .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,
.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,
.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,
.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,
.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,
.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,
.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,
.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 {
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")); }
.header-bar .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,
.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,
.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,
.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,
.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,
.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,
.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,
.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 {
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")); }
.header-bar .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,
.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,
.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,
.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,
.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,
.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,
.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,
.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 {
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")); }
.header-bar .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,
.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,
.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,
.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,
.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,
.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,
.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,
.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 {
background-image: none;

@ -2816,9 +2816,7 @@ GtkVolumeButton.button { padding: 8px; }
&:active, &:checked {
@include button(header-active);
}
&.close, &.maximize, &.minimize {
color: transparent;
background-color: transparent;
background-position: center;
@ -2827,21 +2825,14 @@ GtkVolumeButton.button { padding: 8px; }
&: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')); }
&.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')); }
&.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')); }
&.#{$k}#{$l} { background-image: -gtk-scaled(url('assets/titlebutton-#{$k}#{$m}#{$darker_asset_suffix}.png'),
url('assets/titlebutton-#{$k}#{$m}#{$darker_asset_suffix}@2.png')); }
}
}
}
}

@ -24,9 +24,9 @@
borderopacity="1.0"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="8"
inkscape:cx="176.38504"
inkscape:cy="151.27384"
inkscape:zoom="4"
inkscape:cx="117.91346"
inkscape:cy="193.93448"
inkscape:document-units="px"
inkscape:current-layer="layer1"
showgrid="false"
@ -2239,7 +2239,7 @@
style="display:inline"
transform="translate(8.000005,285.63782)">
<g
id="titlebutton-min"
id="titlebutton-minimize"
inkscape:label="#g6247"
transform="translate(-471,-43)"
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" />
</g>
<g
id="titlebutton-max"
id="titlebutton-maximize"
inkscape:label="#g6234"
transform="translate(-480,-43)"
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" />
</g>
<g
id="titlebutton-max-hover"
id="titlebutton-maximize-hover"
inkscape:label="#g6284"
transform="translate(-377,-9)">
<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" />
</g>
<g
id="titlebutton-min-hover"
id="titlebutton-minimize-hover"
inkscape:label="#g6308"
transform="translate(-368,-9)">
<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" />
</g>
<g
id="titlebutton-max-active"
id="titlebutton-maximize-active"
inkscape:label="#g6356"
transform="translate(-276,8)">
<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" />
</g>
<g
id="titlebutton-min-active"
id="titlebutton-minimize-active"
inkscape:label="#g6414"
transform="translate(-267,8)">
<g
@ -3199,7 +3199,7 @@
y="-185.63782" />
</g>
<g
id="titlebutton-max-backdrop"
id="titlebutton-maximize-backdrop"
inkscape:label="#g6521"
style="opacity:0.45"
transform="translate(-480,-43)">
@ -3232,7 +3232,7 @@
y="-168.63782" />
</g>
<g
id="titlebutton-min-backdrop"
id="titlebutton-minimize-backdrop"
inkscape:label="#g6534"
style="opacity:0.45"
transform="translate(-471,-43)">
@ -4648,7 +4648,7 @@
</g>
<g
style="display:inline;opacity:0.7"
id="titlebutton-min-dark"
id="titlebutton-minimize-dark"
inkscape:label="#g6247"
transform="translate(-229.00002,-43.000019)">
<g
@ -4757,7 +4757,7 @@
</g>
<g
style="display:inline;opacity:0.7"
id="titlebutton-max-dark"
id="titlebutton-maximize-dark"
inkscape:label="#g6234"
transform="translate(-238.00002,-43.000019)">
<g
@ -4866,7 +4866,7 @@
</g>
<g
style="display:inline"
id="titlebutton-max-hover-dark"
id="titlebutton-maximize-hover-dark"
inkscape:label="#g6284"
transform="translate(-135.00001,-9.0000206)">
<g
@ -4953,7 +4953,7 @@
</g>
<g
style="display:inline"
id="titlebutton-min-hover-dark"
id="titlebutton-minimize-hover-dark"
inkscape:label="#g6308"
transform="translate(-126.00001,-9.0000206)">
<g
@ -5116,7 +5116,7 @@
</g>
<g
style="display:inline"
id="titlebutton-max-active-dark"
id="titlebutton-maximize-active-dark"
inkscape:label="#g6356"
transform="translate(-34.000017,7.9999889)">
<g
@ -5207,7 +5207,7 @@
</g>
<g
style="display:inline"
id="titlebutton-min-active-dark"
id="titlebutton-minimize-active-dark"
inkscape:label="#g6414"
transform="translate(-25.000017,7.9999889)">
<g
@ -5297,7 +5297,7 @@
y="-185.63782" />
</g>
<g
id="titlebutton-max-backdrop-dark"
id="titlebutton-maximize-backdrop-dark"
inkscape:label="#g6521"
style="display:inline;opacity:0.4"
transform="translate(-238.00002,-43.000019)">
@ -5330,7 +5330,7 @@
y="-168.63782" />
</g>
<g
id="titlebutton-min-backdrop-dark"
id="titlebutton-minimize-backdrop-dark"
inkscape:label="#g6534"
style="display:inline;opacity:0.4"
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-hover
titlebutton-close-active
titlebutton-max
titlebutton-max-backdrop
titlebutton-max-hover
titlebutton-max-active
titlebutton-min
titlebutton-min-backdrop
titlebutton-min-hover
titlebutton-min-active
titlebutton-maximize
titlebutton-maximize-backdrop
titlebutton-maximize-hover
titlebutton-maximize-active
titlebutton-minimize
titlebutton-minimize-backdrop
titlebutton-minimize-hover
titlebutton-minimize-active
checkbox-checked-dark
checkbox-checked-insensitive-dark
checkbox-unchecked-dark
@ -74,11 +74,11 @@ titlebutton-close-dark
titlebutton-close-backdrop-dark
titlebutton-close-hover-dark
titlebutton-close-active-dark
titlebutton-max-dark
titlebutton-max-backdrop-dark
titlebutton-max-hover-dark
titlebutton-max-active-dark
titlebutton-min-dark
titlebutton-min-backdrop-dark
titlebutton-min-hover-dark
titlebutton-min-active-dark
titlebutton-maximize-dark
titlebutton-maximize-backdrop-dark
titlebutton-maximize-hover-dark
titlebutton-maximize-active-dark
titlebutton-minimize-dark
titlebutton-minimize-backdrop-dark
titlebutton-minimize-hover-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