diff --git a/cinnamon/_common.scss b/cinnamon/_common.scss
index f417719..cb7aaab 100644
--- a/cinnamon/_common.scss
+++ b/cinnamon/_common.scss
@@ -1254,182 +1254,225 @@ StScrollBar {
 //
 
 .window-list {
-  &-box {
-    spacing: 0;
 
-    .panel-top,
-    .panel-bottom & {
-      &:ltr { padding: 0 0 0 8px; }
-      &:rtl { padding: 0 8px 0 0; }
+  &-box {
+    spacing: 6px;
+    padding-left: 10px;
+    padding-top: 1px;
+
+    &.vertical {
+      spacing: 2px;
+      padding-left: 0px;
+      padding-right: 0px;
+      padding-top: 10px;
+      padding-bottom: 10px;
     }
 
-    &.vertical { padding: 6px 0 0 0; }
+    &:highlight {
+      background-color: transparentize($error_color, 0.5);
+    }
+  }
 
-    &:highlight { background-color: $selected_bg_color }
+  &-item-label {
+    font-weight: bold;
+    width: 15em;
+    min-width: 5px;
   }
 
   &-item-box {
-    border: 0 none transparent;
-    border-image: none;
+    font-weight: bold;
     background-image: none;
-    background-color: $panel_bg;
-    color: $osd_fg_color;
-    box-shadow: none;
-    font-weight: 400;
-    
-    &:hover {
-      color: $selected_fg_color;
-      @each $position, $_indicator in (top, 0 2px),
-                                      (bottom, 0 -2px),
-                                      (left, 2px 0),
-                                      (right, -2px 0) {
-        .panel-#{$position} & {
-          box-shadow: inset #{$_indicator} $selected_bg_color;
-        }
-      }
+    padding-top: 0;
+    padding-left: 8px;
+    padding-right: 8px;
+    transition-duration: 100;
+    color: transparentize($selected_fg_color, 0.4);
 
+    &.top,
+    &.bottom {
+      border-bottom-width: 2px;
+
+      & StLabel { padding-left: 2px; }
     }
+
+    &.right {
+      padding-left: 0px;
+      padding-right: 0px;
+      border-right-width: 2px;
+
+      & StBin { padding-right: 0; }
+    }
+
+    &.left {
+      padding-left: 0px;
+      padding-right: 0px;
+      border-left-width: 2px;
+
+      & StBin { padding-left: 1px; }
+    }
+
+    &:hover,
+    &:groupFocus {
+      color: $selected_fg_color;
+      background-color: transparentize($selected_fg_color, 0.9);
+    }
+
     &:active,
     &:checked,
-    &:focus {
-      &, &:hover {
-        color: $selected_fg_color;
-
-        @each $position, $_indicator in (top, 0 2px),
-                                        (bottom, 0 -2px),
-                                        (left, 2px 0),
-                                        (right, -2px 0) {
-          .panel-#{$position} & {
-            box-shadow: inset #{$_indicator} $red;
-          }
-        }
-      }
+    &:focus,
+    &:running {
+      color: $selected_fg_color;
+      border-color: $selected_bg_color;
     }
 
-    StIcon,
-    StBin {
-      .panel-top &,
-      .panel-bottom & { padding: 0 (6px - 2px); }
-    }
-
-    &.vertical StIcon,
-    &.vertical StBin { padding: 0; }
-
-    StLabel {
-      font-weight: 400;
-
-      .panel-top &,
-      .panel-bottom & {
-        &:ltr { padding: 0 (6px - 2px) 0 0; }
-        &:rtl { padding: 0 0 0 (6px - 2px); }
-      }
-    }
-
-    &:progress,
-    .progress {
-      background-gradient-start: $selected_bg_color;
-      background-gradient-end: $selected_bg_color;
+    & .progress {
+      background-color: transparentize($selected_bg_color, 0.2);
     }
   }
 
   &-item-demands-attention {
-    background-gradient-start: $selected_bg_color;
-    background-gradient-end: $selected_bg_color;
-    color: $selected_fg_color;
-
-    @each $position, $_indicator in (top, 0 2px),
-                                    (bottom, 0 -2px),
-                                    (left, 2px 0),
-                                    (right, -2px 0) {
-      .panel-#{$position} & {
-        box-shadow: inset #{$_indicator} $selected_bg_color;
-      }
-    }
+    background-gradient-direction: vertical;
+    background-gradient-start: $destructive_color;
+    background-gradient-end: $destructive_color;
   }
 
-  
-
-  // >= 3.6.7
-  &-preview { // thumbnail popup windows = .switcher-list
-    padding: 20px - 8px; // = .switcher-list - .item-box
-    spacing: 8px; // = .switcher-list-item-container
-    border: none;
-    border-image: url("assets/misc/osd.svg") 9 9 9 9;
-    border-radius: 2px;
-    color: $osd_fg_color;
-    background: none;
+  &-preview {
+    spacing: 6px;
+    color: $fg_color;
+    border: 1px solid $borders_color;
+    background-color: $bg_color;
+    border-radius: 3px;
+    padding: 6px 12px 12px 12px;
+    font-size: 1em;
   }
 }
 
+//
+// Grouped window list
+//
 
 .grouped-window-list {
+
+  &-item-label {
+    font-weight: bold;
+    width: 15em;
+    min-width: 5px;
+  }
+
   &-item-box {
-    border: 0 none transparent;
-    border-image: none;
+    text-align: left;
+    font-weight: bold;
     background-image: none;
-    background-color: $panel_bg;
-    color: $osd_fg_color;
-    box-shadow: none;
-    font-weight: 400;
-    
-    StIcon,
-    StBin {
-      .panel-top &,
-      .panel-bottom & { padding: 0 (6px - 2px); }
+    padding-top: 0;
+    padding-left: 8px;
+    padding-right: 8px;
+    transition-duration: 100;
+    color: transparentize($selected_fg_color, 0.4);
+
+    &.top,
+    &.bottom {
+      border-bottom-width: 2px;
+
+      & StLabel { padding-left: 2px; }
+    }
+
+    &.right {
+      padding-left: 0px;
+      padding-right: 0px;
+      border-right-width: 2px;
+
+      & StBin { padding-right: 0; }
+    }
+
+    &.left {
+      padding-left: 0px;
+      padding-right: 0px;
+      border-left-width: 2px;
+
+      & StBin { padding-left: 1px; }
+    }
+
+    &:hover,
+    &:focus {
+      color: $selected_fg_color;
+      background-color: transparentize($panel_bg, 0.7);
     }
 
     &:active,
     &:checked {
-          @each $position, $_indicator in (top, 0 2px),
-                                        (bottom, 0 -2px),
-                                        (left, 2px 0),
-                                        (right, -2px 0) {
-          .panel-#{$position} & {
-            box-shadow: inset #{$_indicator} lighten($panel_bg, 30%);
-          }
-        }
+      color: $selected_fg_color;
+      border-color: $selected_bg_color;
     }
 
-    &:hover,
-    &:active:hover,
-    &:focus,
-    &:active:focus,
-    &:focus:hover,
-    &:active:focus:hover {
-        @each $position, $_indicator in (top, 0 2px),
-                                        (bottom, 0 -2px),
-                                        (left, 2px 0),
-                                        (right, -2px 0) {
-          .panel-#{$position} & {
-            box-shadow: inset #{$_indicator} $selected_bg_color
-          }
-        }
-    }
-
-
-    &:progress,
-    .progress {
-      background-gradient-start: $selected_bg_color;
-      background-gradient-end: $selected_bg_color;
+    & .progress {
+      background-color: transparentize($selected_bg_color, 0.2);
     }
   }
 
   &-item-demands-attention {
-    background-gradient-start: $selected_bg_color;
-    background-gradient-end: $selected_bg_color;
-    color: $selected_fg_color;
-
-    @each $position, $_indicator in (top, 0 2px),
-                                    (bottom, 0 -2px),
-                                    (left, 2px 0),
-                                    (right, -2px 0) {
-      .panel-#{$position} & {
-        box-shadow: inset #{$_indicator} $selected_bg_color;
-      }
-    }
+    background-gradient-direction: vertical;
+    background-gradient-start: $destructive_color;
+    background-gradient-end: $destructive_color;
   }
 
+  &-thumbnail-label {
+    padding-left: 4px;
+  }
+
+  &-number-label {
+    z-index: 99;
+    color: $fg_color;
+  }
+
+  &-badge {
+    border-radius: 256px;
+    background-color: $panel_bg;
+  }
+
+  &-button-label {
+    padding-left: 4px;
+  }
+
+  &-thumbnail-alert {
+    background: rgba(255,52,52,0.3);
+  }
+
+  &-thumbnail-menu {
+    color: $fg_color;
+    border: 1px solid $borders_color;
+    background-color: $bg_color;
+    border-radius: 3px;
+    padding: 0px;
+
+    > StBoxLayout {
+      padding: 4px;
+    }
+
+    .item-box {
+      padding: 10px;
+      border-radius: 2px;
+      spacing: 4px;
+
+      &:outlined {
+        padding: 8px;
+        border: 1px solid $selected_bg_color;
+      }
+
+      &:selected {
+        border: 1px solid $selected_bg_color;
+      }
+    }
+
+    .thumbnail { width: 256px; }
+
+    .separator {
+      width: 1px;
+      background: rgba(255,255,255,0.2);
+    }
+  }
 }
+
+
 ///
 // Sound Applet (status/volume.js)
 //
diff --git a/cinnamon/cinnamon-dark.css b/cinnamon/cinnamon-dark.css
index 9e99e26..7d9d02a 100644
--- a/cinnamon/cinnamon-dark.css
+++ b/cinnamon/cinnamon-dark.css
@@ -1088,137 +1088,153 @@ StScrollBar {
     background-color: #f7b922; }
 
 .window-list-box {
-  spacing: 0; }
-  .window-list-box .panel-top:ltr,
-  .panel-bottom .window-list-box:ltr {
-    padding: 0 0 0 8px; }
-  .window-list-box .panel-top:rtl,
-  .panel-bottom .window-list-box:rtl {
-    padding: 0 8px 0 0; }
+  spacing: 6px;
+  padding-left: 10px;
+  padding-top: 1px; }
   .window-list-box.vertical {
-    padding: 6px 0 0 0; }
+    spacing: 2px;
+    padding-left: 0px;
+    padding-right: 0px;
+    padding-top: 10px;
+    padding-bottom: 10px; }
   .window-list-box:highlight {
-    background-color: #f7b922; }
+    background-color: rgba(252, 65, 56, 0.5); }
+
+.window-list-item-label {
+  font-weight: bold;
+  width: 15em;
+  min-width: 5px; }
 
 .window-list-item-box {
-  border: 0 none transparent;
-  border-image: none;
+  font-weight: bold;
   background-image: none;
-  background-color: #040405;
-  color: #BAC3CF;
-  box-shadow: none;
-  font-weight: 400; }
-  .window-list-item-box:hover {
-    color: #f7f7f7; }
-    .panel-top .window-list-item-box:hover {
-      box-shadow: inset 0 2px #f7b922; }
-    .panel-bottom .window-list-item-box:hover {
-      box-shadow: inset 0 -2px #f7b922; }
-    .panel-left .window-list-item-box:hover {
-      box-shadow: inset 2px 0 #f7b922; }
-    .panel-right .window-list-item-box:hover {
-      box-shadow: inset -2px 0 #f7b922; }
-  .window-list-item-box:active, .window-list-item-box:active:hover, .window-list-item-box:checked, .window-list-item-box:checked:hover, .window-list-item-box:focus, .window-list-item-box:focus:hover {
-    color: #f7f7f7; }
-    .panel-top .window-list-item-box:active, .panel-top .window-list-item-box:active:hover, .panel-top .window-list-item-box:checked, .panel-top .window-list-item-box:checked:hover, .panel-top .window-list-item-box:focus, .panel-top .window-list-item-box:focus:hover {
-      box-shadow: inset 0 2px #ed254e; }
-    .panel-bottom .window-list-item-box:active, .panel-bottom .window-list-item-box:active:hover, .panel-bottom .window-list-item-box:checked, .panel-bottom .window-list-item-box:checked:hover, .panel-bottom .window-list-item-box:focus, .panel-bottom .window-list-item-box:focus:hover {
-      box-shadow: inset 0 -2px #ed254e; }
-    .panel-left .window-list-item-box:active, .panel-left .window-list-item-box:active:hover, .panel-left .window-list-item-box:checked, .panel-left .window-list-item-box:checked:hover, .panel-left .window-list-item-box:focus, .panel-left .window-list-item-box:focus:hover {
-      box-shadow: inset 2px 0 #ed254e; }
-    .panel-right .window-list-item-box:active, .panel-right .window-list-item-box:active:hover, .panel-right .window-list-item-box:checked, .panel-right .window-list-item-box:checked:hover, .panel-right .window-list-item-box:focus, .panel-right .window-list-item-box:focus:hover {
-      box-shadow: inset -2px 0 #ed254e; }
-  .panel-top .window-list-item-box StIcon,
-  .panel-bottom .window-list-item-box StIcon, .panel-top
-  .window-list-item-box StBin,
-  .panel-bottom
-  .window-list-item-box StBin {
-    padding: 0 4px; }
-  .window-list-item-box.vertical StIcon,
-  .window-list-item-box.vertical StBin {
-    padding: 0; }
-  .window-list-item-box StLabel {
-    font-weight: 400; }
-    .panel-top .window-list-item-box StLabel:ltr,
-    .panel-bottom .window-list-item-box StLabel:ltr {
-      padding: 0 4px 0 0; }
-    .panel-top .window-list-item-box StLabel:rtl,
-    .panel-bottom .window-list-item-box StLabel:rtl {
-      padding: 0 0 0 4px; }
-  .window-list-item-box:progress,
+  padding-top: 0;
+  padding-left: 8px;
+  padding-right: 8px;
+  transition-duration: 100;
+  color: rgba(247, 247, 247, 0.6); }
+  .window-list-item-box.top, .window-list-item-box.bottom {
+    border-bottom-width: 2px; }
+    .window-list-item-box.top StLabel, .window-list-item-box.bottom StLabel {
+      padding-left: 2px; }
+  .window-list-item-box.right {
+    padding-left: 0px;
+    padding-right: 0px;
+    border-right-width: 2px; }
+    .window-list-item-box.right StBin {
+      padding-right: 0; }
+  .window-list-item-box.left {
+    padding-left: 0px;
+    padding-right: 0px;
+    border-left-width: 2px; }
+    .window-list-item-box.left StBin {
+      padding-left: 1px; }
+  .window-list-item-box:hover, .window-list-item-box:groupFocus {
+    color: #f7f7f7;
+    background-color: rgba(247, 247, 247, 0.1); }
+  .window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:focus, .window-list-item-box:running {
+    color: #f7f7f7;
+    border-color: #f7b922; }
   .window-list-item-box .progress {
-    background-gradient-start: #f7b922;
-    background-gradient-end: #f7b922; }
+    background-color: rgba(247, 185, 34, 0.8); }
 
 .window-list-item-demands-attention {
-  background-gradient-start: #f7b922;
-  background-gradient-end: #f7b922;
-  color: #f7f7f7; }
-  .panel-top .window-list-item-demands-attention {
-    box-shadow: inset 0 2px #f7b922; }
-  .panel-bottom .window-list-item-demands-attention {
-    box-shadow: inset 0 -2px #f7b922; }
-  .panel-left .window-list-item-demands-attention {
-    box-shadow: inset 2px 0 #f7b922; }
-  .panel-right .window-list-item-demands-attention {
-    box-shadow: inset -2px 0 #f7b922; }
+  background-gradient-direction: vertical;
+  background-gradient-start: #F04A50;
+  background-gradient-end: #F04A50; }
 
 .window-list-preview {
-  padding: 12px;
-  spacing: 8px;
-  border: none;
-  border-image: url("assets/misc/osd.svg") 9 9 9 9;
-  border-radius: 2px;
-  color: #BAC3CF;
-  background: none; }
+  spacing: 6px;
+  color: #98abb2;
+  border: 1px solid #161819;
+  background-color: #101013;
+  border-radius: 3px;
+  padding: 6px 12px 12px 12px;
+  font-size: 1em; }
+
+.grouped-window-list-item-label {
+  font-weight: bold;
+  width: 15em;
+  min-width: 5px; }
 
 .grouped-window-list-item-box {
-  border: 0 none transparent;
-  border-image: none;
+  text-align: left;
+  font-weight: bold;
   background-image: none;
-  background-color: #040405;
-  color: #BAC3CF;
-  box-shadow: none;
-  font-weight: 400; }
-  .panel-top .grouped-window-list-item-box StIcon,
-  .panel-bottom .grouped-window-list-item-box StIcon, .panel-top
-  .grouped-window-list-item-box StBin,
-  .panel-bottom
-  .grouped-window-list-item-box StBin {
-    padding: 0 4px; }
-  .panel-top .grouped-window-list-item-box:active, .panel-top .grouped-window-list-item-box:checked {
-    box-shadow: inset 0 2px #4a4a58; }
-  .panel-bottom .grouped-window-list-item-box:active, .panel-bottom .grouped-window-list-item-box:checked {
-    box-shadow: inset 0 -2px #4a4a58; }
-  .panel-left .grouped-window-list-item-box:active, .panel-left .grouped-window-list-item-box:checked {
-    box-shadow: inset 2px 0 #4a4a58; }
-  .panel-right .grouped-window-list-item-box:active, .panel-right .grouped-window-list-item-box:checked {
-    box-shadow: inset -2px 0 #4a4a58; }
-  .panel-top .grouped-window-list-item-box:hover, .panel-top .grouped-window-list-item-box:active:hover, .panel-top .grouped-window-list-item-box:focus, .panel-top .grouped-window-list-item-box:active:focus, .panel-top .grouped-window-list-item-box:focus:hover, .panel-top .grouped-window-list-item-box:active:focus:hover {
-    box-shadow: inset 0 2px #f7b922; }
-  .panel-bottom .grouped-window-list-item-box:hover, .panel-bottom .grouped-window-list-item-box:active:hover, .panel-bottom .grouped-window-list-item-box:focus, .panel-bottom .grouped-window-list-item-box:active:focus, .panel-bottom .grouped-window-list-item-box:focus:hover, .panel-bottom .grouped-window-list-item-box:active:focus:hover {
-    box-shadow: inset 0 -2px #f7b922; }
-  .panel-left .grouped-window-list-item-box:hover, .panel-left .grouped-window-list-item-box:active:hover, .panel-left .grouped-window-list-item-box:focus, .panel-left .grouped-window-list-item-box:active:focus, .panel-left .grouped-window-list-item-box:focus:hover, .panel-left .grouped-window-list-item-box:active:focus:hover {
-    box-shadow: inset 2px 0 #f7b922; }
-  .panel-right .grouped-window-list-item-box:hover, .panel-right .grouped-window-list-item-box:active:hover, .panel-right .grouped-window-list-item-box:focus, .panel-right .grouped-window-list-item-box:active:focus, .panel-right .grouped-window-list-item-box:focus:hover, .panel-right .grouped-window-list-item-box:active:focus:hover {
-    box-shadow: inset -2px 0 #f7b922; }
-  .grouped-window-list-item-box:progress,
+  padding-top: 0;
+  padding-left: 8px;
+  padding-right: 8px;
+  transition-duration: 100;
+  color: rgba(247, 247, 247, 0.6); }
+  .grouped-window-list-item-box.top, .grouped-window-list-item-box.bottom {
+    border-bottom-width: 2px; }
+    .grouped-window-list-item-box.top StLabel, .grouped-window-list-item-box.bottom StLabel {
+      padding-left: 2px; }
+  .grouped-window-list-item-box.right {
+    padding-left: 0px;
+    padding-right: 0px;
+    border-right-width: 2px; }
+    .grouped-window-list-item-box.right StBin {
+      padding-right: 0; }
+  .grouped-window-list-item-box.left {
+    padding-left: 0px;
+    padding-right: 0px;
+    border-left-width: 2px; }
+    .grouped-window-list-item-box.left StBin {
+      padding-left: 1px; }
+  .grouped-window-list-item-box:hover, .grouped-window-list-item-box:focus {
+    color: #f7f7f7;
+    background-color: rgba(4, 4, 5, 0.3); }
+  .grouped-window-list-item-box:active, .grouped-window-list-item-box:checked {
+    color: #f7f7f7;
+    border-color: #f7b922; }
   .grouped-window-list-item-box .progress {
-    background-gradient-start: #f7b922;
-    background-gradient-end: #f7b922; }
+    background-color: rgba(247, 185, 34, 0.8); }
 
 .grouped-window-list-item-demands-attention {
-  background-gradient-start: #f7b922;
-  background-gradient-end: #f7b922;
-  color: #f7f7f7; }
-  .panel-top .grouped-window-list-item-demands-attention {
-    box-shadow: inset 0 2px #f7b922; }
-  .panel-bottom .grouped-window-list-item-demands-attention {
-    box-shadow: inset 0 -2px #f7b922; }
-  .panel-left .grouped-window-list-item-demands-attention {
-    box-shadow: inset 2px 0 #f7b922; }
-  .panel-right .grouped-window-list-item-demands-attention {
-    box-shadow: inset -2px 0 #f7b922; }
+  background-gradient-direction: vertical;
+  background-gradient-start: #F04A50;
+  background-gradient-end: #F04A50; }
+
+.grouped-window-list-thumbnail-label {
+  padding-left: 4px; }
+
+.grouped-window-list-number-label {
+  z-index: 99;
+  color: #98abb2; }
+
+.grouped-window-list-badge {
+  border-radius: 256px;
+  background-color: #040405; }
+
+.grouped-window-list-button-label {
+  padding-left: 4px; }
+
+.grouped-window-list-thumbnail-alert {
+  background: rgba(255, 52, 52, 0.3); }
+
+.grouped-window-list-thumbnail-menu {
+  color: #98abb2;
+  border: 1px solid #161819;
+  background-color: #101013;
+  border-radius: 3px;
+  padding: 0px; }
+  .grouped-window-list-thumbnail-menu > StBoxLayout {
+    padding: 4px; }
+  .grouped-window-list-thumbnail-menu .item-box {
+    padding: 10px;
+    border-radius: 2px;
+    spacing: 4px; }
+    .grouped-window-list-thumbnail-menu .item-box:outlined {
+      padding: 8px;
+      border: 1px solid #f7b922; }
+    .grouped-window-list-thumbnail-menu .item-box:selected {
+      border: 1px solid #f7b922; }
+  .grouped-window-list-thumbnail-menu .thumbnail {
+    width: 256px; }
+  .grouped-window-list-thumbnail-menu .separator {
+    width: 1px;
+    background: rgba(255, 255, 255, 0.2); }
 
 .sound-button {
   width: 22px;
diff --git a/cinnamon/cinnamon.css b/cinnamon/cinnamon.css
index 9e99e26..7d9d02a 100644
--- a/cinnamon/cinnamon.css
+++ b/cinnamon/cinnamon.css
@@ -1088,137 +1088,153 @@ StScrollBar {
     background-color: #f7b922; }
 
 .window-list-box {
-  spacing: 0; }
-  .window-list-box .panel-top:ltr,
-  .panel-bottom .window-list-box:ltr {
-    padding: 0 0 0 8px; }
-  .window-list-box .panel-top:rtl,
-  .panel-bottom .window-list-box:rtl {
-    padding: 0 8px 0 0; }
+  spacing: 6px;
+  padding-left: 10px;
+  padding-top: 1px; }
   .window-list-box.vertical {
-    padding: 6px 0 0 0; }
+    spacing: 2px;
+    padding-left: 0px;
+    padding-right: 0px;
+    padding-top: 10px;
+    padding-bottom: 10px; }
   .window-list-box:highlight {
-    background-color: #f7b922; }
+    background-color: rgba(252, 65, 56, 0.5); }
+
+.window-list-item-label {
+  font-weight: bold;
+  width: 15em;
+  min-width: 5px; }
 
 .window-list-item-box {
-  border: 0 none transparent;
-  border-image: none;
+  font-weight: bold;
   background-image: none;
-  background-color: #040405;
-  color: #BAC3CF;
-  box-shadow: none;
-  font-weight: 400; }
-  .window-list-item-box:hover {
-    color: #f7f7f7; }
-    .panel-top .window-list-item-box:hover {
-      box-shadow: inset 0 2px #f7b922; }
-    .panel-bottom .window-list-item-box:hover {
-      box-shadow: inset 0 -2px #f7b922; }
-    .panel-left .window-list-item-box:hover {
-      box-shadow: inset 2px 0 #f7b922; }
-    .panel-right .window-list-item-box:hover {
-      box-shadow: inset -2px 0 #f7b922; }
-  .window-list-item-box:active, .window-list-item-box:active:hover, .window-list-item-box:checked, .window-list-item-box:checked:hover, .window-list-item-box:focus, .window-list-item-box:focus:hover {
-    color: #f7f7f7; }
-    .panel-top .window-list-item-box:active, .panel-top .window-list-item-box:active:hover, .panel-top .window-list-item-box:checked, .panel-top .window-list-item-box:checked:hover, .panel-top .window-list-item-box:focus, .panel-top .window-list-item-box:focus:hover {
-      box-shadow: inset 0 2px #ed254e; }
-    .panel-bottom .window-list-item-box:active, .panel-bottom .window-list-item-box:active:hover, .panel-bottom .window-list-item-box:checked, .panel-bottom .window-list-item-box:checked:hover, .panel-bottom .window-list-item-box:focus, .panel-bottom .window-list-item-box:focus:hover {
-      box-shadow: inset 0 -2px #ed254e; }
-    .panel-left .window-list-item-box:active, .panel-left .window-list-item-box:active:hover, .panel-left .window-list-item-box:checked, .panel-left .window-list-item-box:checked:hover, .panel-left .window-list-item-box:focus, .panel-left .window-list-item-box:focus:hover {
-      box-shadow: inset 2px 0 #ed254e; }
-    .panel-right .window-list-item-box:active, .panel-right .window-list-item-box:active:hover, .panel-right .window-list-item-box:checked, .panel-right .window-list-item-box:checked:hover, .panel-right .window-list-item-box:focus, .panel-right .window-list-item-box:focus:hover {
-      box-shadow: inset -2px 0 #ed254e; }
-  .panel-top .window-list-item-box StIcon,
-  .panel-bottom .window-list-item-box StIcon, .panel-top
-  .window-list-item-box StBin,
-  .panel-bottom
-  .window-list-item-box StBin {
-    padding: 0 4px; }
-  .window-list-item-box.vertical StIcon,
-  .window-list-item-box.vertical StBin {
-    padding: 0; }
-  .window-list-item-box StLabel {
-    font-weight: 400; }
-    .panel-top .window-list-item-box StLabel:ltr,
-    .panel-bottom .window-list-item-box StLabel:ltr {
-      padding: 0 4px 0 0; }
-    .panel-top .window-list-item-box StLabel:rtl,
-    .panel-bottom .window-list-item-box StLabel:rtl {
-      padding: 0 0 0 4px; }
-  .window-list-item-box:progress,
+  padding-top: 0;
+  padding-left: 8px;
+  padding-right: 8px;
+  transition-duration: 100;
+  color: rgba(247, 247, 247, 0.6); }
+  .window-list-item-box.top, .window-list-item-box.bottom {
+    border-bottom-width: 2px; }
+    .window-list-item-box.top StLabel, .window-list-item-box.bottom StLabel {
+      padding-left: 2px; }
+  .window-list-item-box.right {
+    padding-left: 0px;
+    padding-right: 0px;
+    border-right-width: 2px; }
+    .window-list-item-box.right StBin {
+      padding-right: 0; }
+  .window-list-item-box.left {
+    padding-left: 0px;
+    padding-right: 0px;
+    border-left-width: 2px; }
+    .window-list-item-box.left StBin {
+      padding-left: 1px; }
+  .window-list-item-box:hover, .window-list-item-box:groupFocus {
+    color: #f7f7f7;
+    background-color: rgba(247, 247, 247, 0.1); }
+  .window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:focus, .window-list-item-box:running {
+    color: #f7f7f7;
+    border-color: #f7b922; }
   .window-list-item-box .progress {
-    background-gradient-start: #f7b922;
-    background-gradient-end: #f7b922; }
+    background-color: rgba(247, 185, 34, 0.8); }
 
 .window-list-item-demands-attention {
-  background-gradient-start: #f7b922;
-  background-gradient-end: #f7b922;
-  color: #f7f7f7; }
-  .panel-top .window-list-item-demands-attention {
-    box-shadow: inset 0 2px #f7b922; }
-  .panel-bottom .window-list-item-demands-attention {
-    box-shadow: inset 0 -2px #f7b922; }
-  .panel-left .window-list-item-demands-attention {
-    box-shadow: inset 2px 0 #f7b922; }
-  .panel-right .window-list-item-demands-attention {
-    box-shadow: inset -2px 0 #f7b922; }
+  background-gradient-direction: vertical;
+  background-gradient-start: #F04A50;
+  background-gradient-end: #F04A50; }
 
 .window-list-preview {
-  padding: 12px;
-  spacing: 8px;
-  border: none;
-  border-image: url("assets/misc/osd.svg") 9 9 9 9;
-  border-radius: 2px;
-  color: #BAC3CF;
-  background: none; }
+  spacing: 6px;
+  color: #98abb2;
+  border: 1px solid #161819;
+  background-color: #101013;
+  border-radius: 3px;
+  padding: 6px 12px 12px 12px;
+  font-size: 1em; }
+
+.grouped-window-list-item-label {
+  font-weight: bold;
+  width: 15em;
+  min-width: 5px; }
 
 .grouped-window-list-item-box {
-  border: 0 none transparent;
-  border-image: none;
+  text-align: left;
+  font-weight: bold;
   background-image: none;
-  background-color: #040405;
-  color: #BAC3CF;
-  box-shadow: none;
-  font-weight: 400; }
-  .panel-top .grouped-window-list-item-box StIcon,
-  .panel-bottom .grouped-window-list-item-box StIcon, .panel-top
-  .grouped-window-list-item-box StBin,
-  .panel-bottom
-  .grouped-window-list-item-box StBin {
-    padding: 0 4px; }
-  .panel-top .grouped-window-list-item-box:active, .panel-top .grouped-window-list-item-box:checked {
-    box-shadow: inset 0 2px #4a4a58; }
-  .panel-bottom .grouped-window-list-item-box:active, .panel-bottom .grouped-window-list-item-box:checked {
-    box-shadow: inset 0 -2px #4a4a58; }
-  .panel-left .grouped-window-list-item-box:active, .panel-left .grouped-window-list-item-box:checked {
-    box-shadow: inset 2px 0 #4a4a58; }
-  .panel-right .grouped-window-list-item-box:active, .panel-right .grouped-window-list-item-box:checked {
-    box-shadow: inset -2px 0 #4a4a58; }
-  .panel-top .grouped-window-list-item-box:hover, .panel-top .grouped-window-list-item-box:active:hover, .panel-top .grouped-window-list-item-box:focus, .panel-top .grouped-window-list-item-box:active:focus, .panel-top .grouped-window-list-item-box:focus:hover, .panel-top .grouped-window-list-item-box:active:focus:hover {
-    box-shadow: inset 0 2px #f7b922; }
-  .panel-bottom .grouped-window-list-item-box:hover, .panel-bottom .grouped-window-list-item-box:active:hover, .panel-bottom .grouped-window-list-item-box:focus, .panel-bottom .grouped-window-list-item-box:active:focus, .panel-bottom .grouped-window-list-item-box:focus:hover, .panel-bottom .grouped-window-list-item-box:active:focus:hover {
-    box-shadow: inset 0 -2px #f7b922; }
-  .panel-left .grouped-window-list-item-box:hover, .panel-left .grouped-window-list-item-box:active:hover, .panel-left .grouped-window-list-item-box:focus, .panel-left .grouped-window-list-item-box:active:focus, .panel-left .grouped-window-list-item-box:focus:hover, .panel-left .grouped-window-list-item-box:active:focus:hover {
-    box-shadow: inset 2px 0 #f7b922; }
-  .panel-right .grouped-window-list-item-box:hover, .panel-right .grouped-window-list-item-box:active:hover, .panel-right .grouped-window-list-item-box:focus, .panel-right .grouped-window-list-item-box:active:focus, .panel-right .grouped-window-list-item-box:focus:hover, .panel-right .grouped-window-list-item-box:active:focus:hover {
-    box-shadow: inset -2px 0 #f7b922; }
-  .grouped-window-list-item-box:progress,
+  padding-top: 0;
+  padding-left: 8px;
+  padding-right: 8px;
+  transition-duration: 100;
+  color: rgba(247, 247, 247, 0.6); }
+  .grouped-window-list-item-box.top, .grouped-window-list-item-box.bottom {
+    border-bottom-width: 2px; }
+    .grouped-window-list-item-box.top StLabel, .grouped-window-list-item-box.bottom StLabel {
+      padding-left: 2px; }
+  .grouped-window-list-item-box.right {
+    padding-left: 0px;
+    padding-right: 0px;
+    border-right-width: 2px; }
+    .grouped-window-list-item-box.right StBin {
+      padding-right: 0; }
+  .grouped-window-list-item-box.left {
+    padding-left: 0px;
+    padding-right: 0px;
+    border-left-width: 2px; }
+    .grouped-window-list-item-box.left StBin {
+      padding-left: 1px; }
+  .grouped-window-list-item-box:hover, .grouped-window-list-item-box:focus {
+    color: #f7f7f7;
+    background-color: rgba(4, 4, 5, 0.3); }
+  .grouped-window-list-item-box:active, .grouped-window-list-item-box:checked {
+    color: #f7f7f7;
+    border-color: #f7b922; }
   .grouped-window-list-item-box .progress {
-    background-gradient-start: #f7b922;
-    background-gradient-end: #f7b922; }
+    background-color: rgba(247, 185, 34, 0.8); }
 
 .grouped-window-list-item-demands-attention {
-  background-gradient-start: #f7b922;
-  background-gradient-end: #f7b922;
-  color: #f7f7f7; }
-  .panel-top .grouped-window-list-item-demands-attention {
-    box-shadow: inset 0 2px #f7b922; }
-  .panel-bottom .grouped-window-list-item-demands-attention {
-    box-shadow: inset 0 -2px #f7b922; }
-  .panel-left .grouped-window-list-item-demands-attention {
-    box-shadow: inset 2px 0 #f7b922; }
-  .panel-right .grouped-window-list-item-demands-attention {
-    box-shadow: inset -2px 0 #f7b922; }
+  background-gradient-direction: vertical;
+  background-gradient-start: #F04A50;
+  background-gradient-end: #F04A50; }
+
+.grouped-window-list-thumbnail-label {
+  padding-left: 4px; }
+
+.grouped-window-list-number-label {
+  z-index: 99;
+  color: #98abb2; }
+
+.grouped-window-list-badge {
+  border-radius: 256px;
+  background-color: #040405; }
+
+.grouped-window-list-button-label {
+  padding-left: 4px; }
+
+.grouped-window-list-thumbnail-alert {
+  background: rgba(255, 52, 52, 0.3); }
+
+.grouped-window-list-thumbnail-menu {
+  color: #98abb2;
+  border: 1px solid #161819;
+  background-color: #101013;
+  border-radius: 3px;
+  padding: 0px; }
+  .grouped-window-list-thumbnail-menu > StBoxLayout {
+    padding: 4px; }
+  .grouped-window-list-thumbnail-menu .item-box {
+    padding: 10px;
+    border-radius: 2px;
+    spacing: 4px; }
+    .grouped-window-list-thumbnail-menu .item-box:outlined {
+      padding: 8px;
+      border: 1px solid #f7b922; }
+    .grouped-window-list-thumbnail-menu .item-box:selected {
+      border: 1px solid #f7b922; }
+  .grouped-window-list-thumbnail-menu .thumbnail {
+    width: 256px; }
+  .grouped-window-list-thumbnail-menu .separator {
+    width: 1px;
+    background: rgba(255, 255, 255, 0.2); }
 
 .sound-button {
   width: 22px;