diff --git a/share/themes/Kali-Dark/gtk-3.0/assets/close-black.png b/share/themes/Kali-Dark/gtk-3.0/assets/close-black.png new file mode 100644 index 00000000..c6410342 Binary files /dev/null and b/share/themes/Kali-Dark/gtk-3.0/assets/close-black.png differ diff --git a/share/themes/Kali-Dark/gtk-3.0/assets/close-black@2.png b/share/themes/Kali-Dark/gtk-3.0/assets/close-black@2.png new file mode 100644 index 00000000..88d2d2c7 Binary files /dev/null and b/share/themes/Kali-Dark/gtk-3.0/assets/close-black@2.png differ diff --git a/share/themes/Kali-Dark/gtk-3.0/assets/close-white.png b/share/themes/Kali-Dark/gtk-3.0/assets/close-white.png new file mode 100644 index 00000000..8ea117d6 Binary files /dev/null and b/share/themes/Kali-Dark/gtk-3.0/assets/close-white.png differ diff --git a/share/themes/Kali-Dark/gtk-3.0/assets/close-white@2.png b/share/themes/Kali-Dark/gtk-3.0/assets/close-white@2.png new file mode 100644 index 00000000..05da08cd Binary files /dev/null and b/share/themes/Kali-Dark/gtk-3.0/assets/close-white@2.png differ diff --git a/share/themes/Kali-Dark/gtk-3.0/assets/maximize-dark.png b/share/themes/Kali-Dark/gtk-3.0/assets/maximize-dark.png new file mode 100644 index 00000000..56804382 Binary files /dev/null and b/share/themes/Kali-Dark/gtk-3.0/assets/maximize-dark.png differ diff --git a/share/themes/Kali-Dark/gtk-3.0/assets/maximize-dark@2.png b/share/themes/Kali-Dark/gtk-3.0/assets/maximize-dark@2.png new file mode 100644 index 00000000..b06e0dec Binary files /dev/null and b/share/themes/Kali-Dark/gtk-3.0/assets/maximize-dark@2.png differ diff --git a/share/themes/Kali-Dark/gtk-3.0/assets/maximize.png b/share/themes/Kali-Dark/gtk-3.0/assets/maximize.png new file mode 100644 index 00000000..55849723 Binary files /dev/null and b/share/themes/Kali-Dark/gtk-3.0/assets/maximize.png differ diff --git a/share/themes/Kali-Dark/gtk-3.0/assets/maximize@2.png b/share/themes/Kali-Dark/gtk-3.0/assets/maximize@2.png new file mode 100644 index 00000000..86c3ea90 Binary files /dev/null and b/share/themes/Kali-Dark/gtk-3.0/assets/maximize@2.png differ diff --git a/share/themes/Kali-Dark/gtk-3.0/assets/minimize-dark.png b/share/themes/Kali-Dark/gtk-3.0/assets/minimize-dark.png new file mode 100644 index 00000000..b6fe877a Binary files /dev/null and b/share/themes/Kali-Dark/gtk-3.0/assets/minimize-dark.png differ diff --git a/share/themes/Kali-Dark/gtk-3.0/assets/minimize-dark@2.png b/share/themes/Kali-Dark/gtk-3.0/assets/minimize-dark@2.png new file mode 100644 index 00000000..1df3c41e Binary files /dev/null and b/share/themes/Kali-Dark/gtk-3.0/assets/minimize-dark@2.png differ diff --git a/share/themes/Kali-Dark/gtk-3.0/assets/minimize.png b/share/themes/Kali-Dark/gtk-3.0/assets/minimize.png new file mode 100644 index 00000000..808cc6d0 Binary files /dev/null and b/share/themes/Kali-Dark/gtk-3.0/assets/minimize.png differ diff --git a/share/themes/Kali-Dark/gtk-3.0/assets/minimize@2.png b/share/themes/Kali-Dark/gtk-3.0/assets/minimize@2.png new file mode 100644 index 00000000..57d05d15 Binary files /dev/null and b/share/themes/Kali-Dark/gtk-3.0/assets/minimize@2.png differ diff --git a/share/themes/Kali-Dark/gtk-3.0/assets/titlebutton.png b/share/themes/Kali-Dark/gtk-3.0/assets/titlebutton.png new file mode 100644 index 00000000..61d73453 Binary files /dev/null and b/share/themes/Kali-Dark/gtk-3.0/assets/titlebutton.png differ diff --git a/share/themes/Kali-Dark/gtk-3.0/assets/titlebutton@2.png b/share/themes/Kali-Dark/gtk-3.0/assets/titlebutton@2.png new file mode 100644 index 00000000..d8fa73c5 Binary files /dev/null and b/share/themes/Kali-Dark/gtk-3.0/assets/titlebutton@2.png differ diff --git a/share/themes/Kali-Dark/gtk-3.0/gtk.css b/share/themes/Kali-Dark/gtk-3.0/gtk.css index a743f5b7..a54ed070 100644 --- a/share/themes/Kali-Dark/gtk-3.0/gtk.css +++ b/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 { diff --git a/share/themes/Kali-Light/gtk-3.0/gtk-dark.css b/share/themes/Kali-Light/gtk-3.0/gtk-dark.css index a743f5b7..a54ed070 100644 --- a/share/themes/Kali-Light/gtk-3.0/gtk-dark.css +++ b/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 { diff --git a/share/themes/Kali-Light/gtk-3.0/gtk.css b/share/themes/Kali-Light/gtk-3.0/gtk.css index 2bc12fb1..437e2c1f 100644 --- a/share/themes/Kali-Light/gtk-3.0/gtk.css +++ b/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 { diff --git a/src/themes/Kali/assets-renderer/gtk3/assets.svg b/src/themes/Kali/assets-renderer/gtk3/assets.svg index 39c0bb20..f9aa445f 100644 --- a/src/themes/Kali/assets-renderer/gtk3/assets.svg +++ b/src/themes/Kali/assets-renderer/gtk3/assets.svg @@ -23,8 +23,6 @@ - - @@ -348,4 +346,17 @@ + + + + + + + + + + + + + diff --git a/src/themes/Kali/assets-renderer/gtk3/assets.txt b/src/themes/Kali/assets-renderer/gtk3/assets.txt index 245e3a87..87510c37 100644 --- a/src/themes/Kali/assets-renderer/gtk3/assets.txt +++ b/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 diff --git a/src/themes/Kali/sass/gtk3/_common-tweaks.scss b/src/themes/Kali/sass/gtk3/_common-tweaks.scss index 1c61e358..8f415921 100644 --- a/src/themes/Kali/sass/gtk3/_common-tweaks.scss +++ b/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; - box-shadow: none; - border-color: $backdrop_borders_color; - background: $shadow_color; + &.maximize, &.minimize, &.close { + box-shadow: none; + border-color: $backdrop_borders_color; + background-image: -gtk-scaled(url('assets/titlebutton.png'), url('assets/titlebutton@2.png')); + background-color: $shadow_color; + } } }