[libadwaita/wip/exalm/background-colors: 2/8] stylesheet: Use header bar styling for search bar

[Alexander Mikhaylenko <alexm src gnome org>]

commit cd5084e3256978d40ae3d744041a1ed80d024c5a
Author: Alexander Mikhaylenko <alexm gnome org>
Date:   Wed Oct 20 00:10:23 2021 +0500

    stylesheet: Use header bar styling for search bar
    
    Match background, add backdrop.
    
    Add .inline style class to use when it's not adjacent to header bars.

 src/stylesheet/widgets/_toolbars.scss | 36 +++++++++++++++++++++++------------
 1 file changed, 24 insertions(+), 12 deletions(-)
---
diff --git a/src/stylesheet/widgets/_toolbars.scss b/src/stylesheet/widgets/_toolbars.scss
index 083e2cce..680bb8e7 100644
--- a/src/stylesheet/widgets/_toolbars.scss
+++ b/src/stylesheet/widgets/_toolbars.scss
@@ -128,20 +128,32 @@
  * GtkSearchBar *
  ****************/
 
-searchbar > revealer > box {
-  padding: 0px 6px 1px 6px;
-  border-spacing: 6px;
-  @extend %toolbar;
+searchbar {
+  &:not(.inline) > revealer > box {
+    background-color: $headerbar_bg_color;
+    color: $headerbar_fg_color;
+    box-shadow: inset 0 -1px $headerbar_border_color;
+
+    &:backdrop {
+      background-color: $headerbar_backdrop_color;
+      transition: $backdrop_transition;
+    }
+  }
 
-  background-color: $dark_fill;
-  box-shadow: inset 0 -1px $borders_color;
+  > revealer > box {
+    padding: 0px 6px 1px 6px;
+    border-spacing: 6px;
+    box-shadow: inset 0 -1px $borders_color;
 
- .close {
-    min-width: 18px;
-    min-height: 18px;
-    padding: 4px;
-    border-radius: 50%;
-    @extend %button_basic_flat;
+    @extend %toolbar;
+
+   .close {
+      min-width: 18px;
+      min-height: 18px;
+      padding: 4px;
+      border-radius: 50%;
+      @extend %button_basic_flat;
+    }
   }
 }