Merge pull request #4856 from weseek/imprv/83044-hover-page-tree

Imprv/83044 hover page tree

packages/app/src/styles/theme/_apply-colors-dark.scss

@@ -257,6 +257,12 @@ ul.pagination {
         fill: $gray-500;
       }
     }
+    &:hover {
+      background: $bgcolor-list-hover;
+    }
+    &:active {
+      background: lighten($bgcolor-list-hover, 5%);
+    }
   }
 }
 

packages/app/src/styles/theme/_apply-colors-light.scss

@@ -2,8 +2,8 @@
 $color-list: $color-global !default;
 $bgcolor-list: $bgcolor-global !default;
 $color-list-hover: $color-global !default;
-$bgcolor-list-hover: darken($bgcolor-global, 3%) !default;
-$bgcolor-list-active: $primary !default;
+$bgcolor-list-hover: lighten($primary, 72%) !default;
+$bgcolor-list-active: lighten($primary, 65%) !default;
 $color-list-active: color-yiq($bgcolor-list-active) !default;
 $bgcolor-subnav: darken($bgcolor-global, 3%) !default;
 $color-table: $color-global !default;
@@ -174,6 +174,12 @@ $border-color: $border-color-global;
         fill: $gray-400;
       }
     }
+    &:hover {
+      background: $bgcolor-list-hover;
+    }
+    &:active {
+      background: $bgcolor-list-active;
+    }
   }
 }