Ticket #27516: 27516.global.diff

wp-includes/js/mediaelement/wp-mediaelement.css

@@ -2 +2 @@
         font-family: Helvetica, Arial;
 }
 
-.mejs-container, .mejs-embed, .mejs-embed body {
-        background: #000;
+.mejs-container,
+.mejs-embed,
+.mejs-embed body,
+.mejs-container .mejs-controls {
+        background: #222;
 }
 
-.mejs-controls .mejs-time-rail .mejs-time-loaded {
-        background: #21759b;
+.mejs-controls .mejs-time-rail .mejs-time-loaded,
+.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
+        background: #fff;
 }
 
 .mejs-controls .mejs-time-rail .mejs-time-current {
-        background: #d54e21;
+        background: #0074a2;
 }
 
+.mejs-controls .mejs-time-rail .mejs-time-total,
+.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
+        background: rgba(255, 255, 255, .33);
+}
+
+.mejs-controls .mejs-time-rail span,
+.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
+.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
+        border-radius: 0;
+}
+
+.mejs-overlay-loading {
+        background: transparent;
+}
+
+/* Override theme styles that may conflict with controls. */
+.mejs-controls button:hover {
+        border: none;
+        -webkit-box-shadow: none;
+        box-shadow: none;
+}
+
 .me-cannotplay {
         width: auto !important;
 }