Adwaita: more flexible headerbar_fill mixin

add an additional background layer as a parameter.

1 files changed, 7 insertions, 4 deletions

diff --git a/gtk/theme/Adwaita/_drawing.scss b/gtk/theme/Adwaita/_drawing.scss
index b6a302d6a6..a48a7896c0 100644
--- a/gtk/theme/Adwaita/_drawing.scss
+++ b/gtk/theme/Adwaita/_drawing.scss
@@ -475,18 +475,21 @@
   }
 }
 
-@mixin headerbar_fill($c:$headerbar_color, $hc:$top_hilight) {
+@mixin headerbar_fill($c:$headerbar_color, $hc:$top_hilight, $ov: none) {
 //
 // headerbar fill
 //
 // $c:  base color
 // $hc: top highlight color
+// $ov: a background layer for background shorthand (hence no commas!)
 //
+  $gradient: linear-gradient(to top, darken($c, 13%), darken($c, 2%) 2px, $c 3px);
 
-  @if $variant == 'light' { background-image: linear-gradient(to top, darken($c, 13%), darken($c, 2%) 2px, $c 3px); }
-  @else { background-image: linear-gradient(to top, darken($c, 3%), darken($c, 1%) 2px, $c 3px); }
+  @if $variant == 'dark' { $gradient: linear-gradient(to top, darken($c, 3%), darken($c, 1%) 2px, $c 3px); }
+
+  @if $ov != none { background: $c $ov, $gradient; }
+  @else { background: $c $gradient; }
 
-  background-color: $c;
   box-shadow: inset 0 1px $hc; // top highlight
 }