luneko/SweetTokyoNight
1
0
Fork 0
mirror of https://github.com/luneko/SweetTokyoNight.git synced 2025-12-13 23:39:51 +01:00
Code Issues Projects Releases Wiki Activity

Gtk-4: Fix window control buttons appearance

Browse Source
This commit is contained in:
EliverLara
2021-12-05 14:05:47 -06:00
parent e86ad1dfb7
commit c817091dc4
3 changed files with 124 additions and 95 deletions
Download Patch File Download Diff File Expand all files Collapse all files

77
gtk-4.0/widgets/_windows.scss
View File

@@ -66,44 +66,59 @@ decoration {
}
// Window Close button
button.titlebutton {
background-repeat: no-repeat;
background-position: center;
min-height: 20px;
padding: 0 1px;
box-shadow: none;
windowcontrols {
button {
&.close, &.maximize, &.minimize {
min-width: 20px;
min-height: 20px;
margin: 0;
padding: 0 1px;
background-position: center;
background-repeat: no-repeat;
background-size: 16px 16px;
&, &:hover, &:focus, &:active, &:backdrop, &:backdrop:hover {
background-color: transparent;
border: none;
box-shadow: none;
color: transparent;
}
&.close {
background-image: -gtk-scaled(url("../assets/close.png"),url("../assets/close@2.png"));
&:hover,&:active {
background-image: -gtk-scaled(url("../assets/close_prelight.png"),url("../assets/close_prelight@2.png"));
}
}
&.maximize {
background-image: -gtk-scaled(url("../assets/maximize.png"),url("../assets/maximize@2.png"));
&:hover,&:active {
background-image: -gtk-scaled(url("../assets/maximize_prelight.png"),url("../assets/maximize_prelight@2.png"));
&.close {
background-image: -gtk-scaled(url("../assets/close.png"),url("../assets/close@2.png"));
&:hover,&:active {
background-image: -gtk-scaled(url("../assets/close_prelight.png"),url("../assets/close_prelight@2.png"));
}
}
}
&.minimize {
background-image: -gtk-scaled(url("../assets/min.png"),url("../assets/min@2.png"));
&:hover,&:active {
background-image: -gtk-scaled(url("../assets/min_prelight.png"),url("../assets/min_prelight@2.png"));
&.maximize {
background-image: -gtk-scaled(url("../assets/maximize.png"),url("../assets/maximize@2.png"));
&:hover,&:active {
background-image: -gtk-scaled(url("../assets/maximize_prelight.png"),url("../assets/maximize_prelight@2.png"));
}
}
&.minimize {
background-image: -gtk-scaled(url("../assets/min.png"),url("../assets/min@2.png"));
&:hover,&:active {
background-image: -gtk-scaled(url("../assets/min_prelight.png"),url("../assets/min_prelight@2.png"));
}
}
.selection-mode & {
@extend %button.flat.suggested-action;
@extend %nobg_selected_items;
}
&:backdrop {
-gtk-icon-shadow: none;
background-image: -gtk-scaled(url("../assets/close_unfocused.png"),url("../assets/close_unfocused@2.png"));
}
}
.selection-mode & {
@extend %button.flat.suggested-action;
@extend %nobg_selected_items;
}
&:backdrop {
-gtk-icon-shadow: none;
background-image: -gtk-scaled(url("../assets/close_unfocused.png"),url("../assets/close_unfocused@2.png"));
}
}
headerbar.selection-mode button.titlebutton,
.titlebar.selection-mode button.titlebutton {
@include _button_text_shadow(white, $selected_bg_color);