Changeset 35330

Timestamp:

10/21/2015 04:17:58 PM (11 years ago)

Author:

helen

Message:

Media: Update colors to match the times.

This bikeshed is a real nice blue.

props afercia.
fixes #34244. see #34388.

File:

• trunk/src/wp-includes/css/media-views.css (modified) (10 diffs)

trunk/src/wp-includes/css/media-views.css

@@ -36 +36 @@
 .media-frame a {
         border-bottom: none;
-        color: #21759b;
-}
-
-.media-frame a:hover {
-        color: #d54e21;
+        color: #0073aa;
+}
+
+.media-frame a:hover,
+.media-frame a:active {
+        color: #00a0d2;
+}
+
+.media-frame a:focus {
+        -webkit-box-shadow:
+                0 0 0 1px #5b9dd9,
+                0 0 2px 1px rgba(30, 140, 190, .8);
+        box-shadow:
+                0 0 0 1px #5b9dd9,
+                0 0 2px 1px rgba(30, 140, 190, .8);
+        outline: none;
+        color: #124964;
 }
 
@@ -504 +516 @@
 
 .media-menu > a:hover {
-        color: #21759B;
+        color: #0073aa;
         background: rgba( 0, 0, 0, 0.04 );
 }
@@ -818 +830 @@
         -webkit-box-shadow:
                 inset 0 0 0 3px #fff,
-                inset 0 0 0 7px #1e8cbe;
+                inset 0 0 0 7px #0073aa;
         box-shadow:
                 inset 0 0 0 3px #fff,
-                inset 0 0 0 7px #1e8cbe;
+                inset 0 0 0 7px #0073aa;
 }
 
@@ -991 +1003 @@
 .wp-core-ui .attachment.selected .check:focus,
 .wp-core-ui .media-frame.mode-grid .attachment.selected .check {
-        background-color: #1e8cbe;
+        background-color: #0073aa;
         -webkit-box-shadow:
                 0 0 0 1px #fff,
-                0 0 0 2px #1e8cbe;
+                0 0 0 2px #0073aa;
         box-shadow:
                 0 0 0 1px #fff,
-                0 0 0 2px #1e8cbe;
+                0 0 0 2px #0073aa;
 }
 
@@ -1133 +1145 @@
         min-width: 20px;
         width: 0;
-        background: #1e8cbe;
+        background: #0073aa;
         -webkit-border-radius: 10px;
         border-radius: 10px;
@@ -1393 +1405 @@
         line-height: 16px;
         border-right: 1px solid #dfdfdf;
-        color: #21759B;
+        color: #0073aa;
 }
 
 .media-selection .button-link:hover,
 .media-selection .button-link:focus {
-        background: #21759B;
-        color: #fff;
-        border-color: transparent;
+        color: #00a0d2;
 }
 
@@ -1409 +1419 @@
 
 .selection-info .clear-selection {
-        color: red;
+        color: #bc0b0b;
 }
 
 .selection-info .clear-selection:hover,
 .selection-info .clear-selection:focus {
-        background: red;
-        color: #fff;
+        color: red;
 }
 
@@ -1474 +1483 @@
         -webkit-box-shadow:
                 0 0 0 1px #fff,
-                0 0 0 3px #1e8cbe;
+                0 0 0 3px #0073aa;
         box-shadow:
                 0 0 0 1px #fff,
-                0 0 0 3px #1e8cbe;
+                0 0 0 3px #0073aa;
 }
 
@@ -2231 +2240 @@
         .media-frame:not(.hide-menu) .media-frame-title {
                 left: 0;
-                color: #21759b;
         }
 
@@ -2240 +2248 @@
 
         .media-frame:not(.hide-menu) .media-frame-title h1 {
+                color: #0073aa;
                 line-height: 3;
                 font-size: 18px;