[libadwaita/wip/exalm/headers: 2/2] stylesheet: Refresh treeview/columnview colors

[Alexander Mikhaylenko <alexm src gnome org>]

commit fd1eb991b425d8681cbead1734cc0b7806701ec3
Author: Alexander Mikhaylenko <alexm gnome org>
Date:   Wed Oct 27 17:47:10 2021 +0500

    stylesheet: Refresh treeview/columnview colors
    
    Make it recolorable, use generic borders for headers so it works in HC.

 src/stylesheet/widgets/_trees.scss | 35 +++++++++++++++++------------------
 1 file changed, 17 insertions(+), 18 deletions(-)
---
diff --git a/src/stylesheet/widgets/_trees.scss b/src/stylesheet/widgets/_trees.scss
index 46a1ccc7..529d65b3 100644
--- a/src/stylesheet/widgets/_trees.scss
+++ b/src/stylesheet/widgets/_trees.scss
@@ -1,6 +1,6 @@
 // To be used for opaque elements overlaid atop the selected row
-$treeview_selection_opaque: gtkmix($view_fg_color, $view_bg_color, 10%);
-$treeview_borders_opaque: gtkmix($view_fg_color, $view_bg_color, if($contrast == 'high', 40%, 20%));
+$treeview_selection_opaque: gtkmix(currentColor, $view_bg_color, 10%);
+$treeview_borders_opaque: gtkmix(currentColor, $view_bg_color, if($contrast == 'high', 40%, 20%));
 
 treeview.view {
   border-left-color: $treeview_borders_opaque; // this is actually the tree lines color,
@@ -44,9 +44,9 @@ treeview.view {
 
     &:dir(rtl) { -gtk-icon-source: -gtk-icontheme('pan-end-symbolic-rtl'); }
 
-    color: gtkalpha($view_fg_color, .7);
+    color: gtkalpha(currentColor, .7);
 
-    &:hover { color: $view_fg_color; }
+    &:hover { color: currentColor; }
 
     &:checked { -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); }
 
@@ -63,33 +63,32 @@ treeview.view {
   }
 
   &.trough { // progress bar trough in treeviews
-    background-color: gtkalpha($window_fg_color, 0.1);
+    background-color: gtkalpha(currentColor, 0.1);
   }
 
   > header {
     > button {
       @extend %undecorated_button;
       padding: 0 6px;
-      border: 0px solid gtkalpha($view_fg_color, .15);
+      border: 0px solid $border_color;
       border-bottom-width: 1px;
       border-radius: 0;
+      box-shadow: none;
 
-      &:disabled {
-        border-color: $window_bg_color;
-      }
+      > box {
+        color: gtkalpha(currentColor, if($contrast == 'high', .6, .4));
+        font-weight: bold;
 
-      color: gtkalpha($view_fg_color, .4);
-      font-weight: bold;
-      box-shadow: none;
+        &:hover {
+          color: gtkalpha(currentColor, if($contrast == 'high', .9, .7));
+          box-shadow: none;
+        }
 
-      &:hover {
-        color: gtkalpha($view_fg_color, .7);
-        box-shadow: none;
+        &:active {
+          color: currentColor;
+        }
       }
 
-      &:active {
-        color: $view_fg_color;
-      }
       sort-indicator {
         &.ascending {
           -gtk-icon-source: -gtk-icontheme('pan-up-symbolic');