[libadwaita/wip/exalm/styles: 3/5] stylesheet: Use shade as border for headerbars and similar widgets

[Alexander Mikhaylenko <alexm src gnome org>]

commit cd4a6072cedfb114a0e88f97ccb95365f43c5f18
Author: Alexander Mikhaylenko <alexm gnome org>
Date:   Tue Jun 28 00:59:37 2022 +0400

    stylesheet: Use shade as border for headerbars and similar widgets
    
    This border wasn't supposed to be there. The only reason we couldn't remove
    it before 1.0 was backdrop.
    
    But what we can do is to make it dark, using the shade color we already
    have. This also means it won't be unused.

 src/stylesheet/widgets/_header-bar.scss | 2 +-
 src/stylesheet/widgets/_tab-view.scss   | 2 +-
 src/stylesheet/widgets/_toolbars.scss   | 4 ++--
 3 files changed, 4 insertions(+), 4 deletions(-)
---
diff --git a/src/stylesheet/widgets/_header-bar.scss b/src/stylesheet/widgets/_header-bar.scss
index 14ea24e7..eb699f6d 100644
--- a/src/stylesheet/widgets/_header-bar.scss
+++ b/src/stylesheet/widgets/_header-bar.scss
@@ -2,7 +2,7 @@ headerbar {
   min-height: 47px;
   background-color: $headerbar_bg_color;
   color: $headerbar_fg_color;
-  box-shadow: inset 0 -1px $headerbar_border_color,
+  box-shadow: inset 0 -1px if($contrast == 'high', $headerbar_border_color, $headerbar_shade_color),
               inset  1px 0 $headerbar_border_color,
               inset -1px 0 $headerbar_border_color;
 
diff --git a/src/stylesheet/widgets/_tab-view.scss b/src/stylesheet/widgets/_tab-view.scss
index ad4ebb66..4b608780 100644
--- a/src/stylesheet/widgets/_tab-view.scss
+++ b/src/stylesheet/widgets/_tab-view.scss
@@ -71,7 +71,7 @@ tabbar {
       background-color: $headerbar_bg_color;
       color: $headerbar_fg_color;
       padding-bottom: 1px;
-      box-shadow: inset 0 -1px $headerbar_border_color;
+      box-shadow: inset 0 -1px if($contrast == 'high', $headerbar_border_color, $headerbar_shade_color);
     }
 
     &:backdrop .box {
diff --git a/src/stylesheet/widgets/_toolbars.scss b/src/stylesheet/widgets/_toolbars.scss
index 9fd63a86..7988c908 100644
--- a/src/stylesheet/widgets/_toolbars.scss
+++ b/src/stylesheet/widgets/_toolbars.scss
@@ -141,7 +141,7 @@ searchbar {
   &:not(.inline) > revealer > box {
     background-color: $headerbar_bg_color;
     color: $headerbar_fg_color;
-    box-shadow: inset 0 -1px $headerbar_border_color;
+    box-shadow: inset 0 -1px if($contrast == 'high', $headerbar_border_color, $headerbar_shade_color);
     padding-bottom: 1px;
 
     &:backdrop {
@@ -188,7 +188,7 @@ infobar {
   > revealer > box {
     padding: 8px 8px 9px 8px;
     border-spacing: 12px;
-    box-shadow: inset 0 -1px $border_color;
+    box-shadow: inset 0 -1px if($contrast == 'high', $border_color, $shade_color),
   }
 
   &.action:hover > revealer > box {