Merge pull request #3237 from Piccar/hoverEffect

src/themes/appletv/theme.css

@@ -194,10 +194,6 @@ a[data-role=button] {
     color: #fff;
 }
 
-.actionSheetMenuItem:hover {
-    background-color: #ddd;
-}
-
 .toast {
     background: #303030;
     color: rgba(255, 255, 255, 0.87);
@@ -276,6 +272,14 @@ a[data-role=button] {
     background: rgba(0, 0, 0, 0.2);
 }
 
+.listItem:hover {
+    background: rgba(0, 0, 0, 0.1);
+}
+
+.actionSheetMenuItem:hover {
+    background-color: #ddd;
+}
+
 .progressring-spiner {
     border-color: #00a4dc;
 }

src/themes/blueradiance/theme.css

@@ -188,10 +188,6 @@ a[data-role=button] {
     opacity: 0.5;
 }
 
-.actionSheetMenuItem:hover {
-    background-color: rgba(0, 0, 0, 0.5);
-}
-
 .toast {
     background: #303030;
     color: #fff;
@@ -265,6 +261,14 @@ a[data-role=button] {
     background: rgba(0, 0, 0, 0.3);
 }
 
+.listItem:hover {
+    background: rgba(0, 0, 0, 0.15);
+}
+
+.actionSheetMenuItem:hover {
+    background-color: rgba(0, 0, 0, 0.5);
+}
+
 .progressring-spiner {
     border-color: #00a4dc;
 }

src/themes/dark/theme.css

@@ -172,10 +172,6 @@ html {
     opacity: 0.5;
 }
 
-.actionSheetMenuItem:hover {
-    background-color: #242424;
-}
-
 .toast {
     background: #303030;
     color: #fff;
@@ -238,6 +234,10 @@ html {
     background: #333;
 }
 
+.listItem:hover {
+    background: #242424;
+}
+
 .progressring-spiner {
     border-color: #00a4dc;
 }

src/themes/light/theme.css

@@ -207,10 +207,6 @@ a[data-role=button] {
     color: #fff;
 }
 
-.actionSheetMenuItem:hover {
-    background-color: #ddd;
-}
-
 .toast {
     background: #303030;
     color: rgba(255, 255, 255, 0.87);
@@ -272,6 +268,10 @@ a[data-role=button] {
 }
 
 .listItem:focus {
+    background: #bbb;
+}
+
+.listItem:hover {
     background: #ddd;
 }
 

src/themes/purplehaze/theme.css

@@ -277,10 +277,6 @@ a[data-role=button] {
     opacity: 0.5;
 }
 
-.actionSheetMenuItem:hover {
-    background-color: rgba(0, 0, 0, 0.5);
-}
-
 .toast {
     background: #303030;
     color: #f8f8fe;
@@ -347,6 +343,14 @@ a[data-role=button] {
     background: rgba(0, 0, 0, 0.3);
 }
 
+.listItem:hover {
+    background: #12122f;
+}
+
+.actionSheetMenuItem:hover {
+    background-color: rgba(0, 0, 0, 0.5);
+}
+
 .progressring-spiner {
     border-color: #48c3c8;
 }

src/themes/wmc/theme.css

@@ -245,7 +245,11 @@ a[data-role=button] {
 }
 
 .listItem:focus {
-    background: #333;
+    background: rgba(0, 0, 0, 0.2);
+}
+
+.listItem:hover {
+    background: rgba(0, 0, 0, 0.4);
 }
 
 .progressring-spiner {