filechooser: Add hover styles to the gridview children

2022-10-26 16:37:41 -02:30
parent 80736d782b
commit aabb8dce91
1 changed files with 21 additions and 0 deletions
--- a/gtk/theme/Default/_common.scss
+++ b/gtk/theme/Default/_common.scss
@@ -3570,6 +3570,27 @@ filechooser {
  gridview child {
    border-radius: 12px;
    margin: 12px;
+
+    &:hover {
+      background-color: gtkalpha(currentColor, .04);
+    }
+
+    &:active {
+      background-color: gtkalpha(currentColor, .08);
+    }
+
+    &:selected {
+      background-color: gtkalpha($selected_bg_color, .15);
+      color: inherit;
+    }
+
+    &:selected:hover {
+      background-color: gtkalpha($selected_bg_color, .20);
+    }
+
+    &:selected:active {
+      background-color: gtkalpha($selected_bg_color, .25);
+    }
  }
 }