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 @@
+
+
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; }
}