|
 |
a3db19 |
From c68fd3c94c6debdbf11020940c5a6aaee8bc230d Mon Sep 17 00:00:00 2001
|
|
|
a3db19 |
From: Feichtmeier <frederik.feichtmeier@gmail.com>
|
|
|
a3db19 |
Date: Fri, 15 Mar 2019 14:41:55 +0100
|
|
|
a3db19 |
Subject: [PATCH] theme: Update window preview style
|
|
|
a3db19 |
|
|
|
a3db19 |
- simplify the close button to use blue, lighter blue and darker blue
|
|
|
a3db19 |
solid disks for normal, hover and active states
|
|
|
a3db19 |
|
|
|
a3db19 |
- use a milky, transparent white border for the hover effect of the border
|
|
|
a3db19 |
|
|
|
a3db19 |
https://gitlab.gnome.org/GNOME/gnome-shell/merge_requests/461
|
|
|
a3db19 |
---
|
|
|
a3db19 |
data/theme/gnome-shell-sass/_common.scss | 29 ++++++++++++------------
|
|
|
a3db19 |
1 file changed, 14 insertions(+), 15 deletions(-)
|
|
|
a3db19 |
|
|
|
a3db19 |
diff --git a/data/theme/gnome-shell-sass/_common.scss b/data/theme/gnome-shell-sass/_common.scss
|
|
|
a3db19 |
index 9e0751c8c..8bf368f6e 100644
|
|
|
a3db19 |
--- a/data/theme/gnome-shell-sass/_common.scss
|
|
|
a3db19 |
+++ b/data/theme/gnome-shell-sass/_common.scss
|
|
|
a3db19 |
@@ -1164,25 +1164,23 @@ StScrollBar {
|
|
|
a3db19 |
//close buttons
|
|
|
a3db19 |
|
|
|
a3db19 |
.window-close {
|
|
|
a3db19 |
- background-color: white;
|
|
|
a3db19 |
+ background-color: $selected_bg_color;
|
|
|
a3db19 |
+ color: white;
|
|
|
a3db19 |
border-radius: 24px;
|
|
|
a3db19 |
- border: 4px solid $selected_bg_color;
|
|
|
a3db19 |
- box-shadow: inset 0 -4px 0 0 transparentize($selected_bg_color, 0.5);
|
|
|
a3db19 |
- color: $selected_bg_color;
|
|
|
a3db19 |
+ border: 2px solid $selected_bg_color;
|
|
|
a3db19 |
height: 24px;
|
|
|
a3db19 |
width: 24px;
|
|
|
a3db19 |
- -shell-close-overlap: 14px;
|
|
|
a3db19 |
+ -shell-close-overlap: 11px;
|
|
|
a3db19 |
+ box-shadow: -1px 1px 5px 0px transparentize(black, 0.5);
|
|
|
a3db19 |
|
|
|
a3db19 |
&:hover {
|
|
|
a3db19 |
- background-color: $selected_bg_color;
|
|
|
a3db19 |
- border-color: white;
|
|
|
a3db19 |
- color: white;
|
|
|
a3db19 |
+ background-color: lighten($selected_bg_color, 5%);
|
|
|
a3db19 |
+ border-color: lighten($selected_bg_color, 5%);
|
|
|
a3db19 |
}
|
|
|
a3db19 |
|
|
|
a3db19 |
&:active {
|
|
|
a3db19 |
- background-color: mix(white, $selected_bg_color, 75%);
|
|
|
a3db19 |
- border-color: $selected_bg_color;
|
|
|
a3db19 |
- color: $selected_bg_color;
|
|
|
a3db19 |
+ background-color: darken($selected_bg_color, 5%);
|
|
|
a3db19 |
+ border-color: darken($selected_bg_color, 5%);
|
|
|
a3db19 |
}
|
|
|
a3db19 |
}
|
|
|
a3db19 |
|
|
|
a3db19 |
@@ -1247,13 +1245,14 @@ StScrollBar {
|
|
|
a3db19 |
}
|
|
|
a3db19 |
|
|
|
a3db19 |
.window-clone-border {
|
|
|
a3db19 |
- border: 4px solid $selected_bg_color;
|
|
|
a3db19 |
- border-radius: 4px;
|
|
|
a3db19 |
+ $_bg: transparentize(white, 0.65);
|
|
|
a3db19 |
+ border: 5px solid $_bg;
|
|
|
a3db19 |
+ border-radius: 6px;
|
|
|
a3db19 |
// For window decorations with round corners we can't match
|
|
|
a3db19 |
// the exact shape when the window is scaled. So apply a shadow
|
|
|
a3db19 |
// to fix that case
|
|
|
a3db19 |
- box-shadow: inset 0px 0px 0px 1px $selected_bg_color;
|
|
|
a3db19 |
- }
|
|
|
a3db19 |
+ box-shadow: inset 0 0 0 1px $_bg;
|
|
|
a3db19 |
+}
|
|
|
a3db19 |
.window-caption {
|
|
|
a3db19 |
spacing: 25px;
|
|
|
a3db19 |
color: $selected_fg_color;
|
|
|
a3db19 |
--
|
|
|
a3db19 |
2.31.1
|
|
|
a3db19 |
|