brl/gnome-shell
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

theme: Update window preview style

Browse Source 
- simplify the close button to use blue, lighter blue and darker blue
   solid disks for normal, hover and active states

 - use a milky, transparent white border for the hover effect of the border

https://gitlab.gnome.org/GNOME/gnome-shell/merge_requests/461
This commit is contained in:
Feichtmeier 2019-03-15 14:41:55 +01:00 committed by Florian Müllner
parent 56a361650c
commit 49c95cff6c
1 changed files with 14 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
data/theme/gnome-shell-sass/_common.scss
View File

@ -1150,25 +1150,23 @@ StScrollBar {
//close buttons //close buttons
.window-close { .window-close {
background-color: white; background-color: $selected_bg_color;
color: white;
border-radius: 24px; border-radius: 24px;
border: 4px solid $selected_bg_color; border: 2px solid $selected_bg_color;
box-shadow: inset 0 -4px 0 0 transparentize($selected_bg_color, 0.5);
color: $selected_bg_color;
height: 24px; height: 24px;
width: 24px; width: 24px;
-shell-close-overlap: 14px; -shell-close-overlap: 11px;
box-shadow: -1px 1px 5px 0px transparentize(black, 0.5);
&:hover { &:hover {
background-color: $selected_bg_color; background-color: lighten($selected_bg_color, 5%);
border-color: white; border-color: lighten($selected_bg_color, 5%);
color: white;
} }
&:active { &:active {
background-color: mix(white, $selected_bg_color, 75%); background-color: darken($selected_bg_color, 5%);
border-color: $selected_bg_color; border-color: darken($selected_bg_color, 5%);
color: $selected_bg_color;
} }
} }
@ -1233,13 +1231,14 @@ StScrollBar {
} }
.window-clone-border { .window-clone-border {
border: 4px solid $selected_bg_color; $_bg: transparentize(white, 0.65);
border-radius: 4px; border: 5px solid $_bg;
border-radius: 6px;
// For window decorations with round corners we can't match // For window decorations with round corners we can't match
// the exact shape when the window is scaled. So apply a shadow // the exact shape when the window is scaled. So apply a shadow
// to fix that case // to fix that case
box-shadow: inset 0px 0px 0px 1px $selected_bg_color; box-shadow: inset 0 0 0 1px $_bg;
} }
.window-caption { .window-caption {
spacing: 25px; spacing: 25px;
color: $selected_fg_color; color: $selected_fg_color;