1 files changed, 39 insertions, 0 deletions
diff --git a/desktop-themes/YaruGreen/gtk-3.0/_headerbar_buttons.scss b/desktop-themes/YaruGreen/gtk-3.0/_headerbar_buttons.scss
new file mode 100644
index 00000000..a613bbb0
--- /dev/null
+++ b/desktop-themes/YaruGreen/gtk-3.0/_headerbar_buttons.scss
@@ -0,0 +1,39 @@
+$headerbar_button_gradient_a: gtkshade(desaturate($core_color_a, 20%), 1.15);
+$headerbar_button_gradient_b: gtkshade(desaturate($core_color_a, 20%), 1.1);
+$headerbar_button_gradient_c: gtkshade(desaturate($core_color_a, 20%), 1.08);
+$headerbar_button_gradient_d: gtkshade(desaturate($core_color_a, 20%), 1.02);
+
+$headerbar_button_hover_gradient_a: gtkshade(desaturate($core_color_a, 40%), 1.25);
+$headerbar_button_hover_gradient_b: gtkshade(desaturate($core_color_a, 40%), 1.2);
+$headerbar_button_hover_gradient_c: gtkshade(desaturate($core_color_a, 40%), 1.19);
+$headerbar_button_hover_gradient_d: gtkshade(desaturate($core_color_a, 40%), 1.12);
+
+$headerbar_button_backdrop_gradient_a: gtkshade(desaturate($core_color_a, 100%), 1.25);
+$headerbar_button_backdrop_gradient_b: gtkshade(desaturate($core_color_a, 100%), 1.2);
+$headerbar_button_backdrop_gradient_c: gtkshade(desaturate($core_color_a, 100%), 1.18);
+$headerbar_button_backdrop_gradient_d: gtkshade(desaturate($core_color_a, 100%), 1.12);
+
+$headerbar_button_backdrop_hover_gradient_a: gtkshade(desaturate($core_color_a, 100%), 1.3);
+$headerbar_button_backdrop_hover_gradient_b: gtkshade(desaturate($core_color_a, 100%), 1.25);
+$headerbar_button_backdrop_hover_gradient_c: gtkshade(desaturate($core_color_a, 100%), 1.23);
+$headerbar_button_backdrop_hover_gradient_d: gtkshade(desaturate($core_color_a, 100%), 1.17);
+
+
+headerbar {
+    button {
+        background-image: linear-gradient(to bottom, $headerbar_button_gradient_a, $headerbar_button_gradient_b 50%, $headerbar_button_gradient_c 50%, $headerbar_button_gradient_d);
+        border-color: gtkshade(#707662, 0.6);
+        &:hover {
+            background-image: linear-gradient(to bottom, $headerbar_button_hover_gradient_a, $headerbar_button_hover_gradient_b 50%, $headerbar_button_hover_gradient_c 50%, $headerbar_button_hover_gradient_d);
+            border-color: gtkshade(#707662, 0.6);
+        }
+        &:backdrop {
+            background-image: linear-gradient(to bottom, $headerbar_button_backdrop_gradient_a, $headerbar_button_backdrop_gradient_b 50%, $headerbar_button_backdrop_gradient_c 50%, $headerbar_button_backdrop_gradient_d);
+        }
+        &:backdrop:hover {
+            background-image: linear-gradient(to bottom, $headerbar_button_backdrop_hover_gradient_a, $headerbar_button_backdrop_hover_gradient_b 50%, $headerbar_button_backdrop_hover_gradient_c 50%, $headerbar_button_backdrop_hover_gradient_d);
+            border-color: gtkshade(desaturate(#707662, 100%), 0.7);
+        }
+    }
+}
+