[gnome-shell-extensions] window-list: Improve preview styling

[Marge Bot <marge-bot src gnome org>]

commit 5be44705f7ae442d50d6c8cfdecf1b1625b23ae9
Author: Florian Müllner <fmuellner gnome org>
Date:   Sat Jan 16 01:25:00 2021 +0100

    window-list: Improve preview styling
    
    The current styling doesn't indicate the active workspace very well, and
    makes it difficult to differentiate empty workspaces from workspaces with
    maximized windows.
    
    Tweak the styling to address those issues.
    
    https://gitlab.gnome.org/GNOME/gnome-shell-extensions/-/issues/283
    
    Part-of: <https://gitlab.gnome.org/GNOME/gnome-shell-extensions/-/merge_requests/166>

 extensions/window-list/classic.css    |  6 +++---
 extensions/window-list/stylesheet.css | 28 +++++++---------------------
 2 files changed, 10 insertions(+), 24 deletions(-)
---
diff --git a/extensions/window-list/classic.css b/extensions/window-list/classic.css
index 7079d3e..375a33e 100644
--- a/extensions/window-list/classic.css
+++ b/extensions/window-list/classic.css
@@ -50,11 +50,12 @@
 
 /* workspace switcher */
 .window-list-workspace-indicator .workspace {
-  background-color: #ddd;
+  border: 2px solid #f6f5f4;
+  background-color: #ccc;
 }
 
 .window-list-workspace-indicator .workspace.active {
-  background-color: #ccc;
+  border-color: #888;
 }
 
 .window-list-window-preview {
@@ -64,5 +65,4 @@
 
 .window-list-window-preview.active {
   background-color: #f6f5f4;
-  border: 2px solid #888;
 }
diff --git a/extensions/window-list/stylesheet.css b/extensions/window-list/stylesheet.css
index e01986a..38ea9d8 100644
--- a/extensions/window-list/stylesheet.css
+++ b/extensions/window-list/stylesheet.css
@@ -23,7 +23,7 @@
 .window-picker-toggle > StWidget {
   color: #bbb;
   background-color: black;
-  border-radius: 4px;
+  border-radius: 2px;
   padding: 3px 6px 1px;
   box-shadow: inset 1px 1px 4px rgba(255,255,255,0.5);
   text-shadow: 1px 1px 4px rgba(0,0,0,0.8);
@@ -91,37 +91,23 @@
 }
 
 .window-list-workspace-indicator .workspace {
-  border: 1px solid #cccccc;
+  border: 2px solid #000;
   width: 52px;
-}
-
-.window-list-workspace-indicator .workspace:first-child:last-child:ltr,
-.window-list-workspace-indicator .workspace:first-child:last-child:rtl {
   border-radius: 4px;
-}
-
-.window-list-workspace-indicator .workspace:first-child:ltr,
-.window-list-workspace-indicator .workspace:last-child:rtl {
-  border-radius: 4px 0 0 4px;
-}
-
-.window-list-workspace-indicator .workspace:first-child:rtl,
-.window-list-workspace-indicator .workspace:last-child:ltr {
-  border-radius: 0 4px 4px 0;
+  background-color: #595959;
 }
 
 .window-list-workspace-indicator .workspace.active {
-  background-color: rgba(200, 200, 200, .3);
+  border-color: #fff;
 }
 
 .window-list-window-preview {
-  background-color: #252525;
-  border: 1px solid #ccc;
+  background-color: #bebebe;
+  border: 1px solid #828282;
 }
 
 .window-list-window-preview.active {
-  background-color: #353535;
-  border: 2px solid #ccc;
+  background-color: #d4d4d4;
 }
 
 .notification {