Twenty Seventeeen: Fix MediaElement control hover colours in the customiser.

When selecting custom colour schemes in the customiser, the hover colour is incorrectly applied to MediaElement controls.

Props xkon, ianbelanger.
Fixes #40843.



git-svn-id: https://develop.svn.wordpress.org/trunk@45146 602fd350-edb4-49c9-b593-d223f7449a82

src/wp-content/themes/twentyseventeen/assets/css/colors-dark.css

@@ -289,7 +289,7 @@ body.colors-dark,
 	color: #bbb;
 }
 
-.colors-dark button:hover,
+.colors-dark button:hover:not( .mejs-container > button ),
 .colors-dark button:focus,
 .colors-dark input[type="button"]:hover,
 .colors-dark input[type="button"]:focus,

src/wp-content/themes/twentyseventeen/inc/color-patterns.php

@@ -307,7 +307,7 @@ body.colors-custom,
 	color: hsl( ' . $hue . ', ' . $saturation . ', 46% ); /* base: #767676; */
 }
 
-.colors-custom button:hover,
+.colors-custom button:hover:not( .mejs-container > button ),
 .colors-custom button:focus,
 .colors-custom input[type="button"]:hover,
 .colors-custom input[type="button"]:focus,

src/wp-content/themes/twentyseventeen/style.css

@@ -1034,7 +1034,7 @@ input[type="submit"].secondary {
 	color: #222;
 }
 
-button:hover,
+button:hover:not( .mejs-container > button ),
 button:focus,
 input[type="button"]:hover,
 input[type="button"]:focus,