Media: Update colors to match the times.

This bikeshed is a real nice blue.

props afercia.
fixes #34244. see #34388.

Built from https://develop.svn.wordpress.org/trunk@35330


git-svn-id: http://core.svn.wordpress.org/trunk@35296 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
Helen Hou-Sandí 2015-10-21 16:18:26 +00:00
parent cc0bf494a4
commit 3df1d2abde
5 changed files with 63 additions and 45 deletions

View File

@ -35,11 +35,23 @@
.media-frame a { .media-frame a {
border-bottom: none; border-bottom: none;
color: #21759b; color: #0073aa;
} }
.media-frame a:hover { .media-frame a:hover,
color: #d54e21; .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;
} }
.media-frame a.button { .media-frame a.button {
@ -503,7 +515,7 @@
} }
.media-menu > a:hover { .media-menu > a:hover {
color: #21759B; color: #0073aa;
background: rgba( 0, 0, 0, 0.04 ); background: rgba( 0, 0, 0, 0.04 );
} }
@ -817,10 +829,10 @@
.wp-core-ui .attachment.details { .wp-core-ui .attachment.details {
-webkit-box-shadow: -webkit-box-shadow:
inset 0 0 0 3px #fff, inset 0 0 0 3px #fff,
inset 0 0 0 7px #1e8cbe; inset 0 0 0 7px #0073aa;
box-shadow: box-shadow:
inset 0 0 0 3px #fff, inset 0 0 0 3px #fff,
inset 0 0 0 7px #1e8cbe; inset 0 0 0 7px #0073aa;
} }
.wp-core-ui .attachment-preview { .wp-core-ui .attachment-preview {
@ -990,13 +1002,13 @@
.wp-core-ui .attachment.details .check, .wp-core-ui .attachment.details .check,
.wp-core-ui .attachment.selected .check:focus, .wp-core-ui .attachment.selected .check:focus,
.wp-core-ui .media-frame.mode-grid .attachment.selected .check { .wp-core-ui .media-frame.mode-grid .attachment.selected .check {
background-color: #1e8cbe; background-color: #0073aa;
-webkit-box-shadow: -webkit-box-shadow:
0 0 0 1px #fff, 0 0 0 1px #fff,
0 0 0 2px #1e8cbe; 0 0 0 2px #0073aa;
box-shadow: box-shadow:
0 0 0 1px #fff, 0 0 0 1px #fff,
0 0 0 2px #1e8cbe; 0 0 0 2px #0073aa;
} }
.wp-core-ui .attachment.details .check .media-modal-icon, .wp-core-ui .attachment.details .check .media-modal-icon,
@ -1132,7 +1144,7 @@
height: 10px; height: 10px;
min-width: 20px; min-width: 20px;
width: 0; width: 0;
background: #1e8cbe; background: #0073aa;
-webkit-border-radius: 10px; -webkit-border-radius: 10px;
border-radius: 10px; border-radius: 10px;
-webkit-transition: width 300ms; -webkit-transition: width 300ms;
@ -1392,14 +1404,12 @@
margin: 1px -8px 1px 8px; margin: 1px -8px 1px 8px;
line-height: 16px; line-height: 16px;
border-left: 1px solid #dfdfdf; border-left: 1px solid #dfdfdf;
color: #21759B; color: #0073aa;
} }
.media-selection .button-link:hover, .media-selection .button-link:hover,
.media-selection .button-link:focus { .media-selection .button-link:focus {
background: #21759B; color: #00a0d2;
color: #fff;
border-color: transparent;
} }
.media-selection .button-link:last-child { .media-selection .button-link:last-child {
@ -1408,13 +1418,12 @@
} }
.selection-info .clear-selection { .selection-info .clear-selection {
color: red; color: #bc0b0b;
} }
.selection-info .clear-selection:hover, .selection-info .clear-selection:hover,
.selection-info .clear-selection:focus { .selection-info .clear-selection:focus {
background: red; color: red;
color: #fff;
} }
.media-selection .selection-view { .media-selection .selection-view {
@ -1473,10 +1482,10 @@
.wp-core-ui .media-selection .attachment.details { .wp-core-ui .media-selection .attachment.details {
-webkit-box-shadow: -webkit-box-shadow:
0 0 0 1px #fff, 0 0 0 1px #fff,
0 0 0 3px #1e8cbe; 0 0 0 3px #0073aa;
box-shadow: box-shadow:
0 0 0 1px #fff, 0 0 0 1px #fff,
0 0 0 3px #1e8cbe; 0 0 0 3px #0073aa;
} }
.media-selection:after { .media-selection:after {
@ -2230,7 +2239,6 @@
.media-frame:not(.hide-menu) .media-frame-title { .media-frame:not(.hide-menu) .media-frame-title {
right: 0; right: 0;
color: #21759b;
} }
.media-frame:not(.hide-menu) .media-frame-title .dashicons { .media-frame:not(.hide-menu) .media-frame-title .dashicons {
@ -2239,6 +2247,7 @@
} }
.media-frame:not(.hide-menu) .media-frame-title h1 { .media-frame:not(.hide-menu) .media-frame-title h1 {
color: #0073aa;
line-height: 3; line-height: 3;
font-size: 18px; font-size: 18px;
float: right; float: right;

File diff suppressed because one or more lines are too long

View File

@ -35,11 +35,23 @@
.media-frame a { .media-frame a {
border-bottom: none; border-bottom: none;
color: #21759b; color: #0073aa;
} }
.media-frame a:hover { .media-frame a:hover,
color: #d54e21; .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;
} }
.media-frame a.button { .media-frame a.button {
@ -503,7 +515,7 @@
} }
.media-menu > a:hover { .media-menu > a:hover {
color: #21759B; color: #0073aa;
background: rgba( 0, 0, 0, 0.04 ); background: rgba( 0, 0, 0, 0.04 );
} }
@ -817,10 +829,10 @@
.wp-core-ui .attachment.details { .wp-core-ui .attachment.details {
-webkit-box-shadow: -webkit-box-shadow:
inset 0 0 0 3px #fff, inset 0 0 0 3px #fff,
inset 0 0 0 7px #1e8cbe; inset 0 0 0 7px #0073aa;
box-shadow: box-shadow:
inset 0 0 0 3px #fff, inset 0 0 0 3px #fff,
inset 0 0 0 7px #1e8cbe; inset 0 0 0 7px #0073aa;
} }
.wp-core-ui .attachment-preview { .wp-core-ui .attachment-preview {
@ -990,13 +1002,13 @@
.wp-core-ui .attachment.details .check, .wp-core-ui .attachment.details .check,
.wp-core-ui .attachment.selected .check:focus, .wp-core-ui .attachment.selected .check:focus,
.wp-core-ui .media-frame.mode-grid .attachment.selected .check { .wp-core-ui .media-frame.mode-grid .attachment.selected .check {
background-color: #1e8cbe; background-color: #0073aa;
-webkit-box-shadow: -webkit-box-shadow:
0 0 0 1px #fff, 0 0 0 1px #fff,
0 0 0 2px #1e8cbe; 0 0 0 2px #0073aa;
box-shadow: box-shadow:
0 0 0 1px #fff, 0 0 0 1px #fff,
0 0 0 2px #1e8cbe; 0 0 0 2px #0073aa;
} }
.wp-core-ui .attachment.details .check .media-modal-icon, .wp-core-ui .attachment.details .check .media-modal-icon,
@ -1132,7 +1144,7 @@
height: 10px; height: 10px;
min-width: 20px; min-width: 20px;
width: 0; width: 0;
background: #1e8cbe; background: #0073aa;
-webkit-border-radius: 10px; -webkit-border-radius: 10px;
border-radius: 10px; border-radius: 10px;
-webkit-transition: width 300ms; -webkit-transition: width 300ms;
@ -1392,14 +1404,12 @@
margin: 1px 8px 1px -8px; margin: 1px 8px 1px -8px;
line-height: 16px; line-height: 16px;
border-right: 1px solid #dfdfdf; border-right: 1px solid #dfdfdf;
color: #21759B; color: #0073aa;
} }
.media-selection .button-link:hover, .media-selection .button-link:hover,
.media-selection .button-link:focus { .media-selection .button-link:focus {
background: #21759B; color: #00a0d2;
color: #fff;
border-color: transparent;
} }
.media-selection .button-link:last-child { .media-selection .button-link:last-child {
@ -1408,13 +1418,12 @@
} }
.selection-info .clear-selection { .selection-info .clear-selection {
color: red; color: #bc0b0b;
} }
.selection-info .clear-selection:hover, .selection-info .clear-selection:hover,
.selection-info .clear-selection:focus { .selection-info .clear-selection:focus {
background: red; color: red;
color: #fff;
} }
.media-selection .selection-view { .media-selection .selection-view {
@ -1473,10 +1482,10 @@
.wp-core-ui .media-selection .attachment.details { .wp-core-ui .media-selection .attachment.details {
-webkit-box-shadow: -webkit-box-shadow:
0 0 0 1px #fff, 0 0 0 1px #fff,
0 0 0 3px #1e8cbe; 0 0 0 3px #0073aa;
box-shadow: box-shadow:
0 0 0 1px #fff, 0 0 0 1px #fff,
0 0 0 3px #1e8cbe; 0 0 0 3px #0073aa;
} }
.media-selection:after { .media-selection:after {
@ -2230,7 +2239,6 @@
.media-frame:not(.hide-menu) .media-frame-title { .media-frame:not(.hide-menu) .media-frame-title {
left: 0; left: 0;
color: #21759b;
} }
.media-frame:not(.hide-menu) .media-frame-title .dashicons { .media-frame:not(.hide-menu) .media-frame-title .dashicons {
@ -2239,6 +2247,7 @@
} }
.media-frame:not(.hide-menu) .media-frame-title h1 { .media-frame:not(.hide-menu) .media-frame-title h1 {
color: #0073aa;
line-height: 3; line-height: 3;
font-size: 18px; font-size: 18px;
float: left; float: left;

File diff suppressed because one or more lines are too long

View File

@ -4,7 +4,7 @@
* *
* @global string $wp_version * @global string $wp_version
*/ */
$wp_version = '4.4-alpha-35329'; $wp_version = '4.4-alpha-35330';
/** /**
* Holds the WordPress DB revision, increments when changes are made to the WordPress DB schema. * Holds the WordPress DB revision, increments when changes are made to the WordPress DB schema.