GTK4: Customize button widgets

2021-03-02 18:42:19 +01:00 · 2021-03-02 18:42:19 +01:00 · 4093dd9b7b
commit 4093dd9b7b
parent 7022c4a49f
1 changed files with 24 additions and 0 deletions
--- a/src/themes/Kali/sass/gtk4/_common-tweaks.scss
+++ b/src/themes/Kali/sass/gtk4/_common-tweaks.scss
@ -1 +1,25 @@
+$_widget_inset_shadow: inset 0 3px 5px -4px $shadow_color, 0 1px rgba(255, 255, 255, .05);
+
+/**********
+ * Button *
+ **********/
+button {
+  @at-root %button_active,
+  &:active,
+  &:checked {
+    background: $dark_fill;
+    box-shadow: $_widget_inset_shadow;
+
+    &:backdrop { box-shadow: none; }
+  }
+
+  &.flat:not(.link) {
+    &:hover {
+      @extend %button_active;
+      transition: none;
+    }
+
+    &:backdrop { @include button(undecorated); }
+  }
+}