GTK3: fix hovered titlebuttons in firefox

This commit is contained in:
Daniel Ruiz de Alegría
2021-12-22 16:02:54 +01:00
parent cb748913f7
commit ed261ce79f
20 changed files with 113 additions and 50 deletions
Binary file not shown.

After

Width:  |  Height:  |  Size: 128 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 195 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 133 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 193 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 139 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 210 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 142 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 210 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 80 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 89 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 80 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 93 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 72 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 74 B

+21 -12
View File
@@ -5487,7 +5487,10 @@ dialog .titlebar:not(headerbar), dialog headerbar, dialog headerbar:backdrop {
.titlebar:not(headerbar) button.titlebutton:not(.appmenu),
headerbar button.titlebutton:not(.appmenu) {
color: transparent;
background: #383d4b;
background-image: -gtk-scaled(url("assets/titlebutton.png"), url("assets/titlebutton@2.png"));
background-color: #383d4b;
background-repeat: no-repeat;
background-position: center;
margin: 0;
margin-left: 5px;
padding: 0;
@@ -5505,30 +5508,36 @@ headerbar button.titlebutton:not(.appmenu) {
margin-right: 5px; }
.titlebar:not(headerbar) button.titlebutton:not(.appmenu):hover,
headerbar button.titlebutton:not(.appmenu):hover {
color: #eeeeec;
background: #383d4b;
background-color: #383d4b;
border-color: transparent;
box-shadow: 0 0 0 1px #0d0e11; }
.titlebar:not(headerbar) button.titlebutton:not(.appmenu):hover.minimize,
headerbar button.titlebutton:not(.appmenu):hover.minimize {
background-image: -gtk-scaled(url("assets/minimize-dark.png"), url("assets/minimize-dark@2.png")); }
.titlebar:not(headerbar) button.titlebutton:not(.appmenu):hover.maximize,
headerbar button.titlebutton:not(.appmenu):hover.maximize {
background-image: -gtk-scaled(url("assets/maximize-dark.png"), url("assets/maximize-dark@2.png")); }
.titlebar:not(headerbar) button.titlebutton:not(.appmenu).close,
headerbar button.titlebutton:not(.appmenu).close {
color: black;
background: #2777ff;
background-color: #2777ff;
background-image: -gtk-scaled(url("assets/close-black.png"), url("assets/close-black@2.png"));
border-color: transparent; }
.titlebar:not(headerbar) button.titlebutton:not(.appmenu).close:hover,
headerbar button.titlebutton:not(.appmenu).close:hover {
color: white;
background: #3d85ff; }
background-color: #3d85ff;
background-image: -gtk-scaled(url("assets/close-white.png"), url("assets/close-white@2.png")); }
.maximized .titlebar:not(headerbar) button.titlebutton:not(.appmenu):last-child, .fullscreen .titlebar:not(headerbar) button.titlebutton:not(.appmenu):last-child, .tiled .titlebar:not(headerbar) button.titlebutton:not(.appmenu):last-child, .tiled-top .titlebar:not(headerbar) button.titlebutton:not(.appmenu):last-child, .tiled-right .titlebar:not(headerbar) button.titlebutton:not(.appmenu):last-child, .tiled-bottom .titlebar:not(headerbar) button.titlebutton:not(.appmenu):last-child, .tiled-left .titlebar:not(headerbar) button.titlebutton:not(.appmenu):last-child, .maximized headerbar button.titlebutton:not(.appmenu):last-child, .fullscreen headerbar button.titlebutton:not(.appmenu):last-child, .tiled headerbar button.titlebutton:not(.appmenu):last-child, .tiled-top headerbar button.titlebutton:not(.appmenu):last-child, .tiled-right headerbar button.titlebutton:not(.appmenu):last-child, .tiled-bottom headerbar button.titlebutton:not(.appmenu):last-child, .tiled-left headerbar button.titlebutton:not(.appmenu):last-child {
margin-right: 0; }
.maximized .titlebar:not(headerbar) button.titlebutton:not(.appmenu):first-child, .fullscreen .titlebar:not(headerbar) button.titlebutton:not(.appmenu):first-child, .tiled .titlebar:not(headerbar) button.titlebutton:not(.appmenu):first-child, .tiled-top .titlebar:not(headerbar) button.titlebutton:not(.appmenu):first-child, .tiled-right .titlebar:not(headerbar) button.titlebutton:not(.appmenu):first-child, .tiled-bottom .titlebar:not(headerbar) button.titlebutton:not(.appmenu):first-child, .tiled-left .titlebar:not(headerbar) button.titlebutton:not(.appmenu):first-child, .maximized headerbar button.titlebutton:not(.appmenu):first-child, .fullscreen headerbar button.titlebutton:not(.appmenu):first-child, .tiled headerbar button.titlebutton:not(.appmenu):first-child, .tiled-top headerbar button.titlebutton:not(.appmenu):first-child, .tiled-right headerbar button.titlebutton:not(.appmenu):first-child, .tiled-bottom headerbar button.titlebutton:not(.appmenu):first-child, .tiled-left headerbar button.titlebutton:not(.appmenu):first-child {
margin-left: 0; }
.titlebar:not(headerbar) button.titlebutton:not(.appmenu):backdrop,
headerbar button.titlebutton:not(.appmenu):backdrop {
color: transparent;
background: transparent;
.titlebar:not(headerbar) button.titlebutton:not(.appmenu):backdrop.maximize, .titlebar:not(headerbar) button.titlebutton:not(.appmenu):backdrop.minimize, .titlebar:not(headerbar) button.titlebutton:not(.appmenu):backdrop.close,
headerbar button.titlebutton:not(.appmenu):backdrop.maximize,
headerbar button.titlebutton:not(.appmenu):backdrop.minimize,
headerbar button.titlebutton:not(.appmenu):backdrop.close {
box-shadow: none;
border-color: #0d0e11;
background: rgba(0, 0, 0, 0.3); }
background-image: -gtk-scaled(url("assets/titlebutton.png"), url("assets/titlebutton@2.png"));
background-color: rgba(0, 0, 0, 0.3); }
.default-decoration.titlebar:not(headerbar),
headerbar.default-decoration {
+21 -12
View File
@@ -5487,7 +5487,10 @@ dialog .titlebar:not(headerbar), dialog headerbar, dialog headerbar:backdrop {
.titlebar:not(headerbar) button.titlebutton:not(.appmenu),
headerbar button.titlebutton:not(.appmenu) {
color: transparent;
background: #383d4b;
background-image: -gtk-scaled(url("assets/titlebutton.png"), url("assets/titlebutton@2.png"));
background-color: #383d4b;
background-repeat: no-repeat;
background-position: center;
margin: 0;
margin-left: 5px;
padding: 0;
@@ -5505,30 +5508,36 @@ headerbar button.titlebutton:not(.appmenu) {
margin-right: 5px; }
.titlebar:not(headerbar) button.titlebutton:not(.appmenu):hover,
headerbar button.titlebutton:not(.appmenu):hover {
color: #eeeeec;
background: #383d4b;
background-color: #383d4b;
border-color: transparent;
box-shadow: 0 0 0 1px #0d0e11; }
.titlebar:not(headerbar) button.titlebutton:not(.appmenu):hover.minimize,
headerbar button.titlebutton:not(.appmenu):hover.minimize {
background-image: -gtk-scaled(url("assets/minimize-dark.png"), url("assets/minimize-dark@2.png")); }
.titlebar:not(headerbar) button.titlebutton:not(.appmenu):hover.maximize,
headerbar button.titlebutton:not(.appmenu):hover.maximize {
background-image: -gtk-scaled(url("assets/maximize-dark.png"), url("assets/maximize-dark@2.png")); }
.titlebar:not(headerbar) button.titlebutton:not(.appmenu).close,
headerbar button.titlebutton:not(.appmenu).close {
color: black;
background: #2777ff;
background-color: #2777ff;
background-image: -gtk-scaled(url("assets/close-black.png"), url("assets/close-black@2.png"));
border-color: transparent; }
.titlebar:not(headerbar) button.titlebutton:not(.appmenu).close:hover,
headerbar button.titlebutton:not(.appmenu).close:hover {
color: white;
background: #3d85ff; }
background-color: #3d85ff;
background-image: -gtk-scaled(url("assets/close-white.png"), url("assets/close-white@2.png")); }
.maximized .titlebar:not(headerbar) button.titlebutton:not(.appmenu):last-child, .fullscreen .titlebar:not(headerbar) button.titlebutton:not(.appmenu):last-child, .tiled .titlebar:not(headerbar) button.titlebutton:not(.appmenu):last-child, .tiled-top .titlebar:not(headerbar) button.titlebutton:not(.appmenu):last-child, .tiled-right .titlebar:not(headerbar) button.titlebutton:not(.appmenu):last-child, .tiled-bottom .titlebar:not(headerbar) button.titlebutton:not(.appmenu):last-child, .tiled-left .titlebar:not(headerbar) button.titlebutton:not(.appmenu):last-child, .maximized headerbar button.titlebutton:not(.appmenu):last-child, .fullscreen headerbar button.titlebutton:not(.appmenu):last-child, .tiled headerbar button.titlebutton:not(.appmenu):last-child, .tiled-top headerbar button.titlebutton:not(.appmenu):last-child, .tiled-right headerbar button.titlebutton:not(.appmenu):last-child, .tiled-bottom headerbar button.titlebutton:not(.appmenu):last-child, .tiled-left headerbar button.titlebutton:not(.appmenu):last-child {
margin-right: 0; }
.maximized .titlebar:not(headerbar) button.titlebutton:not(.appmenu):first-child, .fullscreen .titlebar:not(headerbar) button.titlebutton:not(.appmenu):first-child, .tiled .titlebar:not(headerbar) button.titlebutton:not(.appmenu):first-child, .tiled-top .titlebar:not(headerbar) button.titlebutton:not(.appmenu):first-child, .tiled-right .titlebar:not(headerbar) button.titlebutton:not(.appmenu):first-child, .tiled-bottom .titlebar:not(headerbar) button.titlebutton:not(.appmenu):first-child, .tiled-left .titlebar:not(headerbar) button.titlebutton:not(.appmenu):first-child, .maximized headerbar button.titlebutton:not(.appmenu):first-child, .fullscreen headerbar button.titlebutton:not(.appmenu):first-child, .tiled headerbar button.titlebutton:not(.appmenu):first-child, .tiled-top headerbar button.titlebutton:not(.appmenu):first-child, .tiled-right headerbar button.titlebutton:not(.appmenu):first-child, .tiled-bottom headerbar button.titlebutton:not(.appmenu):first-child, .tiled-left headerbar button.titlebutton:not(.appmenu):first-child {
margin-left: 0; }
.titlebar:not(headerbar) button.titlebutton:not(.appmenu):backdrop,
headerbar button.titlebutton:not(.appmenu):backdrop {
color: transparent;
background: transparent;
.titlebar:not(headerbar) button.titlebutton:not(.appmenu):backdrop.maximize, .titlebar:not(headerbar) button.titlebutton:not(.appmenu):backdrop.minimize, .titlebar:not(headerbar) button.titlebutton:not(.appmenu):backdrop.close,
headerbar button.titlebutton:not(.appmenu):backdrop.maximize,
headerbar button.titlebutton:not(.appmenu):backdrop.minimize,
headerbar button.titlebutton:not(.appmenu):backdrop.close {
box-shadow: none;
border-color: #0d0e11;
background: rgba(0, 0, 0, 0.3); }
background-image: -gtk-scaled(url("assets/titlebutton.png"), url("assets/titlebutton@2.png"));
background-color: rgba(0, 0, 0, 0.3); }
.default-decoration.titlebar:not(headerbar),
headerbar.default-decoration {
+21 -12
View File
@@ -5508,7 +5508,10 @@ dialog .titlebar:not(headerbar), dialog headerbar, dialog headerbar:backdrop {
.titlebar:not(headerbar) button.titlebutton:not(.appmenu),
headerbar button.titlebutton:not(.appmenu) {
color: transparent;
background: white;
background-image: -gtk-scaled(url("assets/titlebutton.png"), url("assets/titlebutton@2.png"));
background-color: white;
background-repeat: no-repeat;
background-position: center;
margin: 0;
margin-left: 5px;
padding: 0;
@@ -5526,30 +5529,36 @@ headerbar button.titlebutton:not(.appmenu) {
margin-right: 5px; }
.titlebar:not(headerbar) button.titlebutton:not(.appmenu):hover,
headerbar button.titlebutton:not(.appmenu):hover {
color: #5c616c;
background: white;
background-color: white;
border-color: transparent;
box-shadow: 0 0 0 1px #d9d9d9; }
.titlebar:not(headerbar) button.titlebutton:not(.appmenu):hover.minimize,
headerbar button.titlebutton:not(.appmenu):hover.minimize {
background-image: -gtk-scaled(url("assets/minimize.png"), url("assets/minimize@2.png")); }
.titlebar:not(headerbar) button.titlebutton:not(.appmenu):hover.maximize,
headerbar button.titlebutton:not(.appmenu):hover.maximize {
background-image: -gtk-scaled(url("assets/maximize.png"), url("assets/maximize@2.png")); }
.titlebar:not(headerbar) button.titlebutton:not(.appmenu).close,
headerbar button.titlebutton:not(.appmenu).close {
color: white;
background: #2777ff;
background-color: #2777ff;
background-image: -gtk-scaled(url("assets/close-white.png"), url("assets/close-white@2.png"));
border-color: transparent; }
.titlebar:not(headerbar) button.titlebutton:not(.appmenu).close:hover,
headerbar button.titlebutton:not(.appmenu).close:hover {
color: black;
background: #3d85ff; }
background-color: #3d85ff;
background-image: -gtk-scaled(url("assets/close-black.png"), url("assets/close-black@2.png")); }
.maximized .titlebar:not(headerbar) button.titlebutton:not(.appmenu):last-child, .fullscreen .titlebar:not(headerbar) button.titlebutton:not(.appmenu):last-child, .tiled .titlebar:not(headerbar) button.titlebutton:not(.appmenu):last-child, .tiled-top .titlebar:not(headerbar) button.titlebutton:not(.appmenu):last-child, .tiled-right .titlebar:not(headerbar) button.titlebutton:not(.appmenu):last-child, .tiled-bottom .titlebar:not(headerbar) button.titlebutton:not(.appmenu):last-child, .tiled-left .titlebar:not(headerbar) button.titlebutton:not(.appmenu):last-child, .maximized headerbar button.titlebutton:not(.appmenu):last-child, .fullscreen headerbar button.titlebutton:not(.appmenu):last-child, .tiled headerbar button.titlebutton:not(.appmenu):last-child, .tiled-top headerbar button.titlebutton:not(.appmenu):last-child, .tiled-right headerbar button.titlebutton:not(.appmenu):last-child, .tiled-bottom headerbar button.titlebutton:not(.appmenu):last-child, .tiled-left headerbar button.titlebutton:not(.appmenu):last-child {
margin-right: 0; }
.maximized .titlebar:not(headerbar) button.titlebutton:not(.appmenu):first-child, .fullscreen .titlebar:not(headerbar) button.titlebutton:not(.appmenu):first-child, .tiled .titlebar:not(headerbar) button.titlebutton:not(.appmenu):first-child, .tiled-top .titlebar:not(headerbar) button.titlebutton:not(.appmenu):first-child, .tiled-right .titlebar:not(headerbar) button.titlebutton:not(.appmenu):first-child, .tiled-bottom .titlebar:not(headerbar) button.titlebutton:not(.appmenu):first-child, .tiled-left .titlebar:not(headerbar) button.titlebutton:not(.appmenu):first-child, .maximized headerbar button.titlebutton:not(.appmenu):first-child, .fullscreen headerbar button.titlebutton:not(.appmenu):first-child, .tiled headerbar button.titlebutton:not(.appmenu):first-child, .tiled-top headerbar button.titlebutton:not(.appmenu):first-child, .tiled-right headerbar button.titlebutton:not(.appmenu):first-child, .tiled-bottom headerbar button.titlebutton:not(.appmenu):first-child, .tiled-left headerbar button.titlebutton:not(.appmenu):first-child {
margin-left: 0; }
.titlebar:not(headerbar) button.titlebutton:not(.appmenu):backdrop,
headerbar button.titlebutton:not(.appmenu):backdrop {
color: transparent;
background: transparent;
.titlebar:not(headerbar) button.titlebutton:not(.appmenu):backdrop.maximize, .titlebar:not(headerbar) button.titlebutton:not(.appmenu):backdrop.minimize, .titlebar:not(headerbar) button.titlebutton:not(.appmenu):backdrop.close,
headerbar button.titlebutton:not(.appmenu):backdrop.maximize,
headerbar button.titlebutton:not(.appmenu):backdrop.minimize,
headerbar button.titlebutton:not(.appmenu):backdrop.close {
box-shadow: none;
border-color: #d9d9d9;
background: rgba(0, 0, 0, 0.1); }
background-image: -gtk-scaled(url("assets/titlebutton.png"), url("assets/titlebutton@2.png"));
background-color: rgba(0, 0, 0, 0.1); }
.default-decoration.titlebar:not(headerbar),
headerbar.default-decoration {