diff --git a/src/assets/gnome-shell/common-assets/window-close-24-symbolic.svg b/src/assets/gnome-shell/common-assets/window-close-24-symbolic.svg new file mode 100644 index 00000000..8f027dc7 --- /dev/null +++ b/src/assets/gnome-shell/common-assets/window-close-24-symbolic.svg @@ -0,0 +1,58 @@ + + + + + + + + image/svg+xml + + + + + + + diff --git a/src/main/gnome-shell/gnome-shell-theme.gresource.xml b/src/main/gnome-shell/gnome-shell-theme.gresource.xml index f8e3b0cb..0a6771ca 100644 --- a/src/main/gnome-shell/gnome-shell-theme.gresource.xml +++ b/src/main/gnome-shell/gnome-shell-theme.gresource.xml @@ -14,6 +14,7 @@ assets/window-close.svg assets/window-close-hover.svg assets/window-close-active.svg + assets/window-close-24-symbolic.svg assets/activities.svg assets/view-app-grid.svg assets/background.png diff --git a/src/sass/gnome-shell/widgets-40-0/_misc.scss b/src/sass/gnome-shell/widgets-40-0/_misc.scss index bf79abed..498de521 100644 --- a/src/sass/gnome-shell/widgets-40-0/_misc.scss +++ b/src/sass/gnome-shell/widgets-40-0/_misc.scss @@ -1,5 +1,12 @@ -/* Workspace animation */ - +// Workspace animation .workspace-animation { background-color: rgba($osd_bg_color, 1); } + +// reset prev/next month icons +.calendar { + .calendar-change-month-back, + .calendar-change-month-forward { + padding: 0 2px; + } +} diff --git a/src/sass/gnome-shell/widgets-40-0/_window-picker.scss b/src/sass/gnome-shell/widgets-40-0/_window-picker.scss index 0d0108f7..ccd65607 100644 --- a/src/sass/gnome-shell/widgets-40-0/_window-picker.scss +++ b/src/sass/gnome-shell/widgets-40-0/_window-picker.scss @@ -18,23 +18,26 @@ $window_close_button_padding: 3px; // Close button .window-close { background-color: rgba($osd_bg_color, 1); - color: $osd_fg_color; + color: white; border-radius: $window_close_button_size * 0.5 + $window_close_button_padding * 2; padding: $window_close_button_padding; height: $window_close_button_size; width: $window_close_button_size; box-shadow: -1px 1px 5px 0px rgba(0,0,0,0.5); transition-duration: 300ms; + background-image: url("assets/window-close-24-symbolic.svg"); - & StIcon { icon-size: 24px; } + StIcon { + icon-size: 1px; // Can't set to 0 + } &:hover { - color: lighten($osd_fg_color, 10%); + color: white; background-color: lighten(rgba($osd_bg_color, 1), 15%); } &:active { - color: transparentize($osd_fg_color, 0.2); + color: white; background-color: darken(rgba($osd_bg_color, 1), 5%); } } diff --git a/src/sass/gtk/_common-3.0.scss b/src/sass/gtk/_common-3.0.scss index 006ef257..dbd7071a 100644 --- a/src/sass/gtk/_common-3.0.scss +++ b/src/sass/gtk/_common-3.0.scss @@ -623,11 +623,6 @@ button { &:not(:disabled) label:disabled { color: inherit; opacity: 0.6; } } - //Webkitgtk workaround start - &:active { color: $fg_color; } - &:active:hover, &:checked { color: $selected_fg_color; } - //Webkitgtk workaround end - &:disabled { @include button(insensitive); @@ -1846,10 +1841,6 @@ headerbar, .titlebar { transition-duration: 300ms; } - &:not(.suggested-action):not(.destructive-action) { - &:active:hover, &:checked { color: $header_fg; } - } - &:checked { @include button(header-checked); transition: $button_transition; @@ -4099,13 +4090,14 @@ headerbar, min-height: 16px; margin: 0; padding: 0; - color: transparent; - background-color: transparent; background-position: center; background-repeat: no-repeat; background-size: 16px 16px; - border-width: 0; - box-shadow: none; + + &, &:hover, &:focus, &:active, &:backdrop { + @include button(undecorated); + color: transparent; + } &:backdrop { opacity: 1; } }