[libadwaita/wip/exalm/lists-style: 14/17] stylesheet: Remove blue from view selections

[Alexander Mikhaylenko <alexm src gnome org>]

commit 85e848faec4960d4318350ea412b0d08269787df
Author: Alexander Mikhaylenko <alexm gnome org>
Date:   Tue May 18 01:11:05 2021 +0500

    stylesheet: Remove blue from view selections
    
    This affects icon view, tree view, flowbox, grid view. List box and list
    view were already handled, those are more complex.

 src/stylesheet/_common.scss           |  9 -------
 src/stylesheet/widgets/_calendar.scss |  6 ++++-
 src/stylesheet/widgets/_trees.scss    | 48 +++++------------------------------
 src/stylesheet/widgets/_views.scss    | 12 +++------
 4 files changed, 15 insertions(+), 60 deletions(-)
---
diff --git a/src/stylesheet/_common.scss b/src/stylesheet/_common.scss
index 2062cf4b..e7072a3e 100644
--- a/src/stylesheet/_common.scss
+++ b/src/stylesheet/_common.scss
@@ -40,15 +40,6 @@ dnd {
   background-clip: padding-box;
 }
 
-// catch all extend :)
-
-%selected_items {
-  background-color: $selected_bg_color;
-  color: $selected_fg_color;
-
-  &:disabled { color: mix($selected_fg_color, $selected_bg_color, 50%); }
-}
-
 /* Text selection */
 
 selection {
diff --git a/src/stylesheet/widgets/_calendar.scss b/src/stylesheet/widgets/_calendar.scss
index f5962d82..5ca4eefc 100644
--- a/src/stylesheet/widgets/_calendar.scss
+++ b/src/stylesheet/widgets/_calendar.scss
@@ -33,8 +33,12 @@ calendar {
       padding: 4px;
 
       &:selected {
-        @extend %selected_items;
         border-radius: 3px;
+
+        background-color: $selected_bg_color;
+        color: $selected_fg_color;
+
+        &:disabled { color: mix($selected_fg_color, $selected_bg_color, 50%); }
       }
     }
 
diff --git a/src/stylesheet/widgets/_trees.scss b/src/stylesheet/widgets/_trees.scss
index 98d3b61a..70eb3dbe 100644
--- a/src/stylesheet/widgets/_trees.scss
+++ b/src/stylesheet/widgets/_trees.scss
@@ -8,17 +8,6 @@ treeview.view {
   &:selected {
     &:focus, & {
       border-radius: 0;
-      outline-color: $alt_focus_border_color;
-
-      @extend %selected_items;
-    }
-  }
-
-  &:disabled {
-    color: $insensitive_fg_color;
-
-    &:selected {
-      color: mix($selected_fg_color, $selected_bg_color, 40%);
     }
   }
 
@@ -49,16 +38,10 @@ treeview.view {
 
     &:dir(rtl) { -gtk-icon-source: -gtk-icontheme('pan-end-symbolic-rtl'); }
 
-    color: mix($text_color, $base_color, 70%);
+    color: transparentize($text_color, .3);
 
     &:hover { color: $text_color; }
 
-    &:selected {
-      color: mix($selected_fg_color, $selected_bg_color, 70%);
-
-      &:hover { color: $selected_fg_color; }
-    }
-
     &:checked { -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); }
 
     &:disabled { color: gtkalpha(currentColor, 0.5); }
@@ -67,35 +50,16 @@ treeview.view {
   &.progressbar { // progress bar in treeviews
     @if $variant == light { color: $base_color; }
 
-    background-color: $selected_bg_color;
-    background-image: image($selected_bg_color);
-    box-shadow: none;
-
-    &:selected {
-      &:focus, & {
-
-        @if $variant == 'light' {
-          color: $selected_bg_color;
-        }
-        @else {
-          box-shadow: inset 0 1px transparentize(white, 0.95);
-        }
-
-        background-image: image($base_color);
-      }
+    &, &:selected {
+      background-color: $selected_bg_color;
+      color: $selected_fg_color;
     }
+
+    box-shadow: none;
   }
 
   &.trough { // progress bar trough in treeviews
     background-color: transparentize($fg_color,0.9);
-
-    &:selected {
-      &:focus, & {
-        background-color: if($variant == 'light',
-                             transparentize($selected_fg_color, 0.7),
-                             darken($selected_bg_color, 10%));
-      }
-    }
   }
 
   > header {
diff --git a/src/stylesheet/widgets/_views.scss b/src/stylesheet/widgets/_views.scss
index 3484116c..a3a73d92 100644
--- a/src/stylesheet/widgets/_views.scss
+++ b/src/stylesheet/widgets/_views.scss
@@ -10,7 +10,7 @@
 
   &:selected {
     &:focus, & {
-      @extend %selected_items;
+      background-color: $menu_selected_color;
 
       border-radius: 3px;
     }
@@ -32,7 +32,7 @@ textview {
 }
 
 iconview {
-  @extend .view;
+  @extend %view;
 
   @include focus-ring();
 
@@ -60,9 +60,7 @@ flowbox {
     @include focus-ring();
 
     &:selected {
-      outline-color: $alt_focus_border_color;
-
-      @extend %selected_items;
+      background-color: $menu_selected_color;
     }
   }
 }
@@ -75,9 +73,7 @@ gridview {
     @include focus-ring();
 
     &:selected {
-      outline-color: $alt_focus_border_color;
-
-      @extend %selected_items;
+      background-color: $menu_selected_color;
     }
 
     box { //cells