Cinnamon4 grouped-window-list tweaks (#192)

arc-design · Feb 11, 2019 · 1100d24 · 1100d24
1 parent b44f657
commit 1100d24
Showing 1 changed file with 74 additions and 74 deletions.
diff --git a/common/cinnamon/sass/_common.scss b/common/cinnamon/sass/_common.scss
@@ -1287,7 +1287,7 @@ StScrollBar {
     .panel-top & { padding-bottom: 1px; }
 
     .progress {
-       background-color: transparentize($success_color, 0.8);
+       background-color: $selected_bg_color;
      }
 
     &.vertical {
@@ -1353,87 +1353,87 @@ StScrollBar {
 // Grouped Window List (Cinnamon 4)
 //
 .grouped-window-list {
-    &-thumbnail-label {
-      padding-left: 3px;
+  &-thumbnail-label {
+    padding-left: 3px;
+  }
+  &-number-label {
+    z-index: 99;
+    color: $_shell_fg_color;
+  }
+  /// May need to revise depending on upstream GWL developments
+  &-button-label {
+    padding: 1px;
+  }
+  &-badge {
+    border-radius: 256px;
+    background-color: $panel_bg; 
+  }
+  &-thumbnail-alert {
+    background-color: $warning_color;
+  }
+  &-item-box {
+    transition-duration: 100;
+    font-weight: bold;
+    background-image: none;
+    color: transparentize($_shell_fg_color, 0.4);
+    &:hover, &:active:hover { color: $_shell_fg_color; }
+    &:hover, &:active, &:active:hover {
+
+      .panel-bottom & { border-image: url("common-assets/panel/window-list-hover-bottom.svg") 3 3 1 3; }
+      .panel-top & { border-image: url("common-assets/panel/window-list-hover-top.svg") 3 3 3 1; }
+      .panel-left & { border-image: url("common-assets/panel/window-list-hover-left.svg") 3 1 3 3; }
+      .panel-right & { border-image: url("common-assets/panel/window-list-hover-right.svg") 1 3 3 3; }
     }
-    &-number-label {
-      z-index: 99;
+    &:focus, &:focus:hover {
       color: $_shell_fg_color;
+
+      .panel-bottom & { border-image: url("common-assets/panel/window-list-active-bottom.svg") 3 3 1 3; }
+      .panel-top & { border-image: url("common-assets/panel/window-list-active-top.svg") 3 3 3 1; }
+      .panel-left & { border-image: url("common-assets/panel/window-list-active-left.svg") 3 1 3 3; }
+      .panel-right & { border-image: url("common-assets/panel/window-list-active-right.svg") 1 3 3 3; }
     }
-    /// May need to revise depending on upstream GWL developments
-    &-button-label {
-      padding: 3px;
-    }
-    &-badge {
-      border-radius: 256px;
-      background-color: $panel_bg; 
-    }
-    &-thumbnail-alert {
-      background-color: $warning_color;
-    }
-    &-item-box {
-      transition-duration: 100;
-      font-weight: bold;
-      background-image: none;
-      color: transparentize($_shell_fg_color, 0.4);
-      &:hover, &:active:hover { color: $_shell_fg_color; }
-      &:hover, &:active, &:active:hover {
-
-        .panel-bottom & { border-image: url("common-assets/panel/window-list-hover-bottom.svg") 3 3 1 3; }
-        .panel-top & { border-image: url("common-assets/panel/window-list-hover-top.svg") 3 3 3 1; }
-        .panel-left & { border-image: url("common-assets/panel/window-list-hover-left.svg") 3 1 3 3; }
-        .panel-right & { border-image: url("common-assets/panel/window-list-hover-right.svg") 1 3 3 3; }
+      .progress {
+         background-color: $selected_bg_color;
       }
-      &:focus, &:focus:hover {
-        color: $_shell_fg_color;
-
-        .panel-bottom & { border-image: url("common-assets/panel/window-list-active-bottom.svg") 3 3 1 3; }
-        .panel-top & { border-image: url("common-assets/panel/window-list-active-top.svg") 3 3 3 1; }
-        .panel-left & { border-image: url("common-assets/panel/window-list-active-left.svg") 3 1 3 3; }
-        .panel-right & { border-image: url("common-assets/panel/window-list-active-right.svg") 1 3 3 3; }
+  }
+  &-item-demands-attention {
+    background-gradient-start: $warning_color;
+    background-gradient-end: $warning_color;
+  }
+  &-thumbnail-menu {
+    color: $osd_fg_color;
+    background: none;
+    border: none;
+    border-image: url("common-assets/misc/bg.svg") 9 9 9 9;
+    border-radius: 3px;
+    padding: 10px 20px;
+
+    .item-box {
+      margin: 8px;
+      spacing: 4px;
+      border-radius: 2px;
+      border: 1px solid none;
+      &:outlined {
+        border: 1px solid $selected_bg_color;
+      }
+      &:selected {
+        background-color: $selected_bg_color;
+        border: 1px solid $selected_bg_color;
+        color: $selected_fg_color;
       }
-        .progress {
-          background-color: transparentize($success_color, 0.8);
-        }
     }
-    &-item-demands-attention {
-      background-gradient-start: $warning_color;
-      background-gradient-end: $warning_color;
+    .thumbnail-box {
+      padding: 2px;
+      spacing: 4px;
     }
-    &-thumbnail-menu {
-      color: $osd_fg_color;
-      background: none;
-      border: none;
-      border-image: url("common-assets/misc/bg.svg") 9 9 9 9;
-      border-radius: 3px;
-      padding: 10px 20px;
-
-      .item-box {
-        margin: 8px;
-        spacing: 4px;
-        border-radius: 2px;
-        border: 1px solid none;
-        &:outlined {
-          border: 1px solid $selected_bg_color;
-        }
-        &:selected {
-          background-color: $selected_bg_color;
-          border: 1px solid $selected_bg_color;
-          color: $selected_fg_color;
-        }
-      }
-        .thumbnail-box {
-          padding: 2px;
-          spacing: 4px;
-        }
-        .thumbnail {
-          width: 256px;
-        }
-        .separator {
-          width: 1px;
-          background: $selected_bg_color;
-        }
+    .thumbnail {
+      width: 256px;
+    }
+    .separator {
+      width: 1px;
+      background: $selected_bg_color;
     }
+  }
 }
 .vertical .grouped-window-list-item-box {
     padding: 2px 0;