filechooser: Add hover styles to the gridview children

diff --git a/gtk/theme/Default/_common.scss b/gtk/theme/Default/_common.scss
index 20898e156df7f538073679b95384156f373420dc..82c6342a6e94a7d69accfbf99a8093a3d2a4e8da 100644 (file)
--- 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);
+    }
   }
 }