GTK3: fix hovered titlebuttons in firefox

share/themes/Kali-Dark/gtk-3.0/gtk.css

@@ -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 {

share/themes/Kali-Light/gtk-3.0/gtk-dark.css

@@ -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 {

share/themes/Kali-Light/gtk-3.0/gtk.css

@@ -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 {

src/themes/Kali/assets-renderer/gtk3/assets.svg

@@ -23,8 +23,6 @@
 		<path d="m0.0039062 582.36h435.87v-440h-435.88z" color="#000000" fill="#fff"/>
 		<path d="m426.88 582.36h273.12l-1.4e-4 470h-273.12z" color="#000000" fill="#2777ff"/>
 		<path d="m426.88 142.36h273.12v440h-273.12z" color="#000000" fill="#2777ff"/>
-	</g>
-	<g transform="translate(0 -142.36)">
 		<g id="slider-horz-scale-has-marks-below" transform="matrix(1.0003 0 0 1.0007 7.8222 406.99)">
 			<path d="m201.72-8.3361c-3.71-3.7184-9.725-3.7184-13.435 0s-3.71 9.7472 0 13.466l6.7175 6.7328 6.7175-6.7328c3.71-3.7184 3.71-9.7472 0-13.466z" color="#000000" color-rendering="auto" image-rendering="auto" opacity=".1" shape-rendering="auto" solid-color="#000000" stroke="#000" stroke-linejoin="round" style="isolation:auto;mix-blend-mode:normal"/>
 			<path d="m201.72-9.3362c-3.71-3.7184-9.725-3.7184-13.435 0s-3.71 9.7472 0 13.466l6.7175 6.7328 6.7175-6.7328c3.71-3.7184 3.71-9.7472 0-13.466z" color="#000000" color-rendering="auto" fill="#fff" image-rendering="auto" shape-rendering="auto" solid-color="#000000" stroke="#c2c2c2" stroke-linejoin="round" style="isolation:auto;mix-blend-mode:normal"/>
@@ -348,4 +346,17 @@
 		<path d="m300.26 188.43s-24.475 7.8247-60.07 36.559c-36.276 29.283-52.504 56.9-52.504 56.9s48.092-58.785 116.94-88.217zm80.544 3.0863 3.0204-1.4258s-26.268-14.541-64.409-11.622c22.178 0.22647 42.875 3.955 61.389 13.046zm8.6079 6.9521c0.15048-1.0146 3.0516 1.8302 4.7925 2.8193 0.16379 0.27003 0.31572 0.4143-0.41685 0.54231-0.17445-0.27521-0.30683-0.32277-0.30683-0.32277s-2.0194-0.32768-2.7932-0.81998c-0.77419-0.4922-1.3398-1.6644-1.2758-2.2188zm105.4 85.379s-13.314-44.78-85.27-27.918c-9.12 2.1374-20.406 5.4663-31.445 9.79-43.585 17.87-71.074-19.742-57.518-44.324 10.701-19.402 28.584-23.71 56.776-20.482 0.90028 2.4973 1.8679 4.6504 4.2893 6.0371 2.4205 1.3864 9.5202 1.1393 11.96 1.4958 2.4405 0.35682 10.415 1.8942 16.327 5.4368 0.22177-1.919 5.4789-9.3157 5.4789-9.3157s-1.6801 0.70574-6.2044 0.78813c-4.5247 0.0827-10.963-2.5292-11.176-2.7431-0.21231-0.21451-0.4458-0.59062 0.40292-1.1386 0.46715-0.86515-1.8735-2.1558-2.8498-2.5792-0.97604-0.42405-8.7968-6.5347-8.9792-6.6756-0.18321-0.14073-0.29293-0.31002-0.71152-0.40052-1.1629 0.0754-5.375 2.6748-5.375 2.6748s-8.3212-0.67255-13.636-7.105c0.54523 1.2789-0.12794 3.176 2.2394 5.6743-4.241-0.10318-8.3973-1.4932-13.417-7.0012-0.011 4.2636 2.3791 6.0286 2.3791 6.0286s-9.5016 0.98598-13.987-6.366c-0.10457 4.136 3.6454 7.0038 3.6454 7.0038s-5.6377 0.16262-17.754 5.4334c-15.364 6.6842-30.712-22.262-31.087-27.426 0 0-26.934-2.2663-73.058 9.9122-46.124 12.178-80.518 30.868-80.518 30.868s76.569-34.547 149.08-33.909c5.8774 8.6678 17.78 21.546 24.228 27.798-8.0933 10.692-18.379 23.117-10.132 46.533 7.2369 23.405 37.021 34.48 61.489 25.538 23.487-7.853 39.45-13.952 62.655-11.566 22.401 2.9105 49.704 27.941 62.193 55.214-6.5468-21.309-31.85-62.704-73.379-61.914 54.094-11.114 73.347 24.639 73.347 24.639zm-197.09-98.342-4.1383-5.154s-32.147 6.5208-71.406 25.333c-39.258 18.812-74.46 49.045-74.46 49.045s75.158-53.928 149.99-69.223" opacity=".4"/>
 		<path d="m353.95 180.35c-9.7207-1.8231-21.429-2.8815-34.54-1.8778 11.411 0.11638 22.428 1.1693 32.96 3.3939 15.187 2.697 25.699 7.2966 29.507 9.1455l1.9456-0.9181s-11.315-6.2631-29.873-9.7434zm-55.053-9.6095s-26.936-2.2667-73.058 9.9122c-46.124 12.178-80.518 30.867-80.518 30.867s7.6756-3.4537 20.422-8.1522c14.475-6.3474 35.462-14.558 59.778-20.979 46.123-12.179 73.058-9.9122 73.058-9.9122 0.376 5.1634 15.723 34.11 31.087 27.426 12.116-5.271 17.754-5.4341 17.754-5.4341s-0.70801-0.56404-1.4963-1.5084c-2.5072 0.41322-7.6851 1.6152-15.938 5.2052-15.364 6.6842-30.713-22.263-31.087-27.426zm68.068 16.946c0.18584 0.64963 0.18981 1.4366 0.42088 2.3624 5.3078 5.5689 12.805 6.1861 12.805 6.1861s4.2129-2.601 5.3758-2.6765c0.41864 0.0903 0.52857 0.26119 0.71179 0.40193 0.18303 0.14104 8.0032 6.2522 8.9791 6.6761 0.6829 0.29611 2.0166 1.0152 2.6068 1.7176-0.077-0.21699-0.015-0.50527 0.5625-0.87816 0.46716-0.86515-1.8723-2.1555-2.8487-2.5788-0.97603-0.42402-8.7962-6.5329-8.9795-6.6741-0.18323-0.14076-0.29316-0.31152-0.71175-0.40199-1.1629 0.0754-5.3754 2.6744-5.3754 2.6744s-7.9654-0.65798-13.288-6.7196c-0.0863-0.0296-0.17225-0.0602-0.25863-0.0896zm-11.267-1.6209c-2e-3 0.90181 0.1169 1.6674 0.28395 2.3528 4.7475 4.9635 8.7452 6.2865 12.813 6.3854-0.62559-0.66024-1.0304-1.2746-1.3098-1.8507-3.6913-0.41851-7.4115-2.0867-11.787-6.8877zm-11.607-0.33869c-0.0292 1.1516 0.25507 2.1906 0.6593 3.111 4.7516 5.8427 13.008 4.9929 13.008 4.9929s-0.70465-0.54447-1.3476-1.7056c-2.9225-0.0837-8.9938-0.94554-12.32-6.3981zm-50.505-5.3728s-32.148 6.5215-71.407 25.333c-39.258 18.812-74.46 49.044-74.46 49.044s4.216-3.0038 11.422-7.6885c13.55-10.444 37.247-27.413 62.717-39.618 39.258-18.812 71.407-25.333 71.407-25.333l3.0008 3.7362c0.48499-0.10235 0.96959-0.22045 1.4546-0.31966zm121.82 24.215s-1.6814 0.70648-6.2057 0.78896c-4.5016 0.0821-10.875-2.4961-11.15-2.7332 0.1098 0.20632 0.15418 0.40841 0.0573 0.58927-0.8487 0.54799-0.61376 0.9244-0.40142 1.1389 0.21235 0.21389 6.65 2.8246 11.175 2.7421 2.6265-0.0478 4.2082-0.29865 5.1455-0.50625 0.75972-1.1243 1.3805-2.0194 1.3805-2.0194zm-25.969-4.562c-0.19578-0.0438-0.32154 0.0119-0.34979 0.20189-0.0638 0.55441 0.50094 1.7261 1.2752 2.2184 0.77379 0.49231 2.7943 0.81883 2.7943 0.81883s0.13147 0.0476 0.30592 0.32274c0.73255-0.128 0.58066-0.27172 0.41684-0.54172-1.4144-0.80362-3.5938-2.8318-4.4424-3.0202zm-89.181-11.575s-24.476 7.8236-60.072 36.557c-36.276 29.283-52.504 56.9-52.504 56.9s1.2727-1.5304 3.4611-4.0047c6.6644-9.5736 22.386-29.9 48.723-51.16 35.596-28.734 60.072-36.557 60.072-36.557l3.4 4.0784c0.43275-0.18802 0.8558-0.38878 1.2901-0.57448zm17.49 18.151c-4.8768 6.4212-10.249 13.549-11.824 23.354 2.0174-9.496 7.5882-16.449 12.389-22.791-0.172-0.16675-0.38602-0.3861-0.56559-0.56213zm137.56 46.965c-11.688-2.225-26.665-2.0947-45.777 2.3838-9.12 2.1374-20.406 5.4654-31.445 9.79-38.359 15.729-64.247-11.519-60.66-35.038-5.1807 23.882 21.031 52.893 60.339 36.776 11.039-4.324 22.325-7.652 31.445-9.79 53.995-12.653 74.97 9.4026 82.077 21.202 2.3835 2.9293 3.5134 4.9798 3.5134 4.9798s-7.1802-24.152-39.494-30.303zm-22.605 6.503c-1.1008-0.18807-2.2172-0.34412-3.345-0.47124-2.6496 0.33712-5.3863 0.78648-8.2256 1.3698 36.047-0.68481 59.861 30.406 69.804 52.564 1.4188 2.5067 2.722 5.0497 3.8954 7.6124-5.9333-19.312-27.27-55.118-62.129-61.075z" opacity=".3"/>
 	</g>
+	<g id="minimize" transform="translate(-456.09 338.05)">
+		<path d="m528.7-79.319v2h8v-2z" style="fill:#5c616c"/>
+		<rect x="528.7" y="-85.319" width="8" height="8" style="opacity:0;stroke-width:30"/>
+	</g>
+	<rect id="titlebutton" x="52.61" y="252.73" width="8" height="8" style="opacity:0;stroke-width:30"/>
+	<path id="maximize" d="m93.603 252.73c-0.554 0-1 0.446-1 1v6c0 0.554 0.446 1 1 1h6c0.554 0 1-0.446 1-1v-6c0-0.554-0.446-1-1-1zm1.5 2h3c0.277 0 0.5 0.223 0.5 0.5v3c0 0.277-0.223 0.5-0.5 0.5h-3c-0.277 0-0.5-0.223-0.5-0.5v-3c0-0.277 0.223-0.5 0.5-0.5z" style="fill:#5c616c"/>
+	<path id="close-black" d="m113.6 252.73a1 1 0 0 0-1 1 1 1 0 0 0 0.29 0.71l2.3 2.29-2.3 2.29a1 1 0 0 0-0.29 0.71 1 1 0 0 0 1 1 1 1 0 0 0 0.71-0.29l2.29-2.3 2.28 2.29a1 1 0 0 0 0.72 0.3 1 1 0 0 0 1-1 1 1 0 0 0-0.29-0.71l-2.3-2.29 2.29-2.28a1 1 0 0 0 0.3-0.72 1 1 0 0 0-1-1 1 1 0 0 0-0.71 0.29l-2.29 2.3-2.28-2.29a1 1 0 0 0-0.01-0.01 1 1 0 0 0-0.71-0.29z"/>
+	<g id="minimize-dark" transform="translate(-456.09 539.02)" style="fill:#fff">
+		<path d="m528.7-79.319v2h8v-2z" style="fill:#eeeeec"/>
+		<rect x="528.7" y="-85.319" width="8" height="8" style="opacity:0;stroke-width:30"/>
+	</g>
+	<path id="maximize-dark" d="m93.603 453.7c-0.554 0-1 0.446-1 1v6c0 0.554 0.446 1 1 1h6c0.554 0 1-0.446 1-1v-6c0-0.554-0.446-1-1-1zm1.5 2h3c0.277 0 0.5 0.223 0.5 0.5v3c0 0.277-0.223 0.5-0.5 0.5h-3c-0.277 0-0.5-0.223-0.5-0.5v-3c0-0.277 0.223-0.5 0.5-0.5z" style="fill:#eeeeec"/>
+	<path id="close-white" d="m113.6 453.7a1 1 0 0 0-1 1 1 1 0 0 0 0.29 0.71l2.3 2.29-2.3 2.29a1 1 0 0 0-0.29 0.71 1 1 0 0 0 1 1 1 1 0 0 0 0.71-0.29l2.29-2.3 2.28 2.29a1 1 0 0 0 0.72 0.3 1 1 0 0 0 1-1 1 1 0 0 0-0.29-0.71l-2.3-2.29 2.29-2.28a1 1 0 0 0 0.3-0.72 1 1 0 0 0-1-1 1 1 0 0 0-0.71 0.29l-2.29 2.3-2.28-2.29a1 1 0 0 0-0.01-0.01 1 1 0 0 0-0.71-0.29z" style="fill:#fff"/>
 </svg>

src/themes/Kali/assets-renderer/gtk3/assets.txt

@@ -1,3 +1,10 @@
+minimize
+minimize-dark
+maximize
+maximize-dark
+close-white
+close-black
+titlebutton
 kali-headerbar-logo
 kali-headerbar-logo-dark
 text-select-end

src/themes/Kali/sass/gtk3/_common-tweaks.scss

@@ -219,7 +219,10 @@ headerbar {
   button.titlebutton:not(.appmenu) {
     $_titlebutton_bg: lighten($bg_color, 10%);
     color: transparent;
-    background: $_titlebutton_bg;
+    background-image: -gtk-scaled(url('assets/titlebutton.png'), url('assets/titlebutton@2.png'));
+    background-color: $_titlebutton_bg;
+    background-repeat: no-repeat;
+    background-position: center;
     margin: 0;
     margin-left: 5px;
     padding: 0;
@@ -235,20 +238,34 @@ headerbar {
 
     @at-root %titlebutton_hover,
     &:hover {
-      color: $fg_color;
-      background: $_titlebutton_bg;
+      background-color: $_titlebutton_bg;
       border-color: transparent;
       box-shadow: 0 0 0 1px $borders_color;
+
+      &.minimize {
+        background-image: -gtk-scaled(url('assets/minimize#{$asset_suffix}.png'), url('assets/minimize#{$asset_suffix}@2.png'));
+      }
+      &.maximize {
+        background-image: -gtk-scaled(url('assets/maximize#{$asset_suffix}.png'), url('assets/maximize#{$asset_suffix}@2.png'));
+      }
     }
 
     &.close {
-      color: if($variant=='light', white, black);
-      background: $selected_bg_color;
+      background-color: $selected_bg_color;
+      @if $variant == 'light' {
+        background-image: -gtk-scaled(url('assets/close-white.png'), url('assets/close-white@2.png'));
+      } @else {
+        background-image: -gtk-scaled(url('assets/close-black.png'), url('assets/close-black@2.png'));
+      }
       border-color: transparent;
 
       &:hover {
-        color: if($variant=='light', black, white);
-        background: mix(white, $selected_bg_color, 10%);
+        background-color: mix(white, $selected_bg_color, 10%);
+        @if $variant == 'light' {
+          background-image: -gtk-scaled(url('assets/close-black.png'), url('assets/close-black@2.png'));
+        } @else {
+          background-image: -gtk-scaled(url('assets/close-white.png'), url('assets/close-white@2.png'));
+        }
       }
 
       @if lightness($selected_bg_color) > 60%
@@ -270,11 +287,12 @@ headerbar {
 
     &:backdrop,
     &:backdrop:hover {
-      color: transparent;
-      background: transparent;
+      &.maximize, &.minimize, &.close {
         box-shadow: none;
         border-color: $backdrop_borders_color;
-      background: $shadow_color;
+        background-image: -gtk-scaled(url('assets/titlebutton.png'), url('assets/titlebutton@2.png'));
+        background-color: $shadow_color;
+      }
     }
   }