Changeset 35330

Timestamp:

10/21/2015 04:17:58 PM (9 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;