Changeset 50025

Timestamp:

01/26/2021 06:53:55 PM (4 years ago)

Author:

ryelle

Message:

Administration: Standardize colors used in CSS to a single palette.

This is part of a larger project in cleaning up core's admin CSS. This collapses all colors used in the CSS to one of 12 blues, greens, reds, and yellows, 13 grays, pure black, and pure white. The colors are perceptually uniform from light to dark, half of each range has a 4.5 or higher contrast against white, the other half has a 4.5 or higher contrast against black.

Standardizing on this set of colors will help contributors make consistent, accessible design decisions. The full color palette can be seen here: ​https://codepen.io/ryelle/full/WNGVEjw

Props notlaura, danfarrow, kburgoine, drw158, audrasjb, Joen, hedgefield, ibdz, melchoyce.
See #49999.

Location:

trunk/src

Files:

• wp-admin/css/admin-menu.css (modified) (18 diffs)
• wp-admin/css/code-editor.css (modified) (5 diffs)
• wp-admin/css/color-picker.css (modified) (6 diffs)
• wp-admin/css/common.css (modified) (124 diffs)
• wp-admin/css/customize-controls.css (modified) (90 diffs)
• wp-admin/css/customize-nav-menus.css (modified) (26 diffs)
• wp-admin/css/customize-widgets.css (modified) (12 diffs)
• wp-admin/css/dashboard.css (modified) (33 diffs)
• wp-admin/css/deprecated-media.css (modified) (13 diffs)
• wp-admin/css/edit.css (modified) (29 diffs)
• wp-admin/css/forms.css (modified) (32 diffs)
• wp-admin/css/install.css (modified) (8 diffs)
• wp-admin/css/list-tables.css (modified) (39 diffs)
• wp-admin/css/login.css (modified) (13 diffs)
• wp-admin/css/media.css (modified) (31 diffs)
• wp-admin/css/nav-menus.css (modified) (16 diffs)
• wp-admin/css/revisions.css (modified) (9 diffs)
• wp-admin/css/site-health.css (modified) (15 diffs)
• wp-admin/css/themes.css (modified) (65 diffs)
• wp-admin/css/widgets.css (modified) (22 diffs)
• wp-admin/includes/misc.php (modified) (1 diff)
• wp-includes/css/admin-bar.css (modified) (21 diffs)
• wp-includes/css/buttons.css (modified) (15 diffs)
• wp-includes/css/customize-preview.css (modified) (3 diffs)
• wp-includes/css/editor.css (modified) (64 diffs)
• wp-includes/css/jquery-ui-dialog.css (modified) (7 diffs)
• wp-includes/css/media-views.css (modified) (67 diffs)
• wp-includes/css/wp-auth-check.css (modified) (3 diffs)
• wp-includes/css/wp-embed-template.css (modified) (10 diffs)
• wp-includes/css/wp-pointer.css (modified) (10 diffs)
• wp-includes/general-template.php (modified) (1 diff)

trunk/src/wp-admin/css/admin-menu.css

@@ -4 +4 @@
 #adminmenu .wp-submenu {
     width: 160px;
-    background-color: #23282d;
+    background-color: #1d2327;
 }
 
@@ -48 +48 @@
 
 .icon16:before {
-    color: #82878c; /* same as new icons */
+    color: #8c8f94; /* same as new icons */
     font: normal 20px/1 dashicons;
     speak: never;
@@ -170 +170 @@
     line-height: 1.3;
     padding: 2px 5px;
-    color: #eee;
+    color: #f0f0f1;
 }
 
 #adminmenu .wp-submenu a {
-    color: #b4b9be;
-    color: rgba(240, 245, 250, 0.7);
+    color: #c3c4c7;
+    color: rgba(240, 246, 252, 0.7);
     font-size: 13px;
     line-height: 1.4;
@@ -191 +191 @@
 #adminmenu .wp-submenu a:hover,
 #adminmenu .wp-submenu a:focus {
-    color: #00b9eb;
+    color: #72aee6;
 }
 
@@ -221 +221 @@
     padding: 7px 0 8px;
     z-index: 9999;
-    background-color: #32373c;
+    background-color: #2c3338;
     box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
 }
@@ -246 +246 @@
     margin-top: 0;
     box-shadow: none;
-    background-color: #32373c;
+    background-color: #2c3338;
 }
 
@@ -254 +254 @@
 #adminmenu li > a.menu-top:focus {
     position: relative;
-    background-color: #191e23;
-    color: #00b9eb;
+    background-color: #1d2327;
+    color: #72aee6;
 }
 
@@ -271 +271 @@
 #adminmenu .wp-has-current-submenu .wp-submenu .wp-submenu-head,
 #adminmenu .wp-menu-arrow div {
-    background: #0073aa;
+    background: #2271b1;
     color: #fff;
 }
@@ -379 +379 @@
 
 div.wp-menu-image:before {
-    color: #a0a5aa;
-    color: rgba(240, 245, 250, 0.6);
+    color: #a7aaad;
+    color: rgba(240, 246, 252, 0.6);
     padding: 7px 0;
     transition: all .1s ease-in-out;
@@ -386 +386 @@
 
 #adminmenu div.wp-menu-image:before {
-    color: #a0a5aa;
-    color: rgba(240, 245, 250, 0.6);
+    color: #a7aaad;
+    color: rgba(240, 246, 252, 0.6);
 }
 
@@ -403 +403 @@
 #adminmenu li a:focus div.wp-menu-image:before,
 #adminmenu li.opensub div.wp-menu-image:before {
-    color: #00b9eb;
+    color: #72aee6;
 }
 
@@ -441 +441 @@
     position: absolute;
     pointer-events: none;
-    border-right-color: #f1f1f1;
+    border-right-color: #f0f0f1;
     top: 50%;
     margin-top: -8px;
@@ -477 +477 @@
 
 #adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after {
-    border-right-color: #32373c;
+    border-right-color: #2c3338;
 }
 
@@ -526 +526 @@
     height: 18px;
     border-radius: 9px;
-    background-color: #ca4a1f;
+    background-color: #d63638;
     color: #fff;
     font-size: 11px;
@@ -536 +536 @@
 #adminmenu li.current a .awaiting-mod,
 #adminmenu li a.wp-has-current-submenu .update-plugins {
-    background-color: #ca4a1f;
+    background-color: #d63638;
     color: #fff;
 }
@@ -554 +554 @@
     overflow: visible;
     background: none;
-    color: #aaa;
+    color: #a7aaad;
     cursor: pointer;
 }
 
 #collapse-button:hover {
-    color: #00b9eb;
+    color: #72aee6;
 }
 
 #collapse-button:focus {
-    color: #00b9eb;
+    color: #72aee6;
     /* Only visible in Windows High Contrast mode */
     outline: 1px solid transparent;
@@ -888 +888 @@
 
     .wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
-        background: #32373c;
+        background: #2c3338;
     }
 
@@ -919 +919 @@
 
     .wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
-        color: #00b9eb;
+        color: #72aee6;
     }
 }

trunk/src/wp-admin/css/code-editor.css

@@ -35 +35 @@
 
 .wp-core-ui .CodeMirror-lint-message-warning {
-    background-color: #fff8e5;
-    border-left: 4px solid #ffb900;
+    background-color: #fcf9e8;
+    border-left: 4px solid #dba617;
 }
 
@@ -42 +42 @@
 .wp-core-ui .CodeMirror-lint-message-warning:before {
     content: "\f534";
-    color: #f6a306;
+    color: #dba617;
 }
 
 .wp-core-ui .CodeMirror-lint-message-error {
-    background-color: #fbeaea;
-    border-left: 4px solid #dc3232;
+    background-color: #fcf0f1;
+    border-left: 4px solid #d63638;
 }
 
@@ -53 +53 @@
 .wp-core-ui .CodeMirror-lint-message-error:before {
     content: "\f153";
-    color: #dc3232;
+    color: #d63638;
 }
 
@@ -64 +64 @@
 
 .wrap .CodeMirror .CodeMirror-matchingbracket {
-    background: rgba(255, 150, 0, 0.3);
+    background: rgba(219, 166, 23, 0.3);
     color: inherit;
 }
@@ -73 +73 @@
 
 .wrap .CodeMirror .CodeMirror-linenumber {
-    color: #666;
+    color: #646970;
 }

trunk/src/wp-admin/css/color-picker.css

@@ -18 +18 @@
 
 .wp-color-result-text {
-    background: #f7f7f7;
+    background: #f6f7f7;
     border-radius: 0 2px 2px 0;
-    border-left: 1px solid #ccc;
-    color: #555;
+    border-left: 1px solid #c3c4c7;
+    color: #50575e;
     display: block;
     line-height: 2.54545455; /* 28px */
@@ -30 +30 @@
 .wp-color-result:hover,
 .wp-color-result:focus {
-    background: #fafafa;
-    border-color: #999;
-    color: #23282d;
+    background: #f6f7f7;
+    border-color: #8c8f94;
+    color: #1d2327;
 }
 
 .wp-color-result:hover:after,
 .wp-color-result:focus:after {
-    color: #23282d;
-    border-color: #a0a5aa;
-    border-left: 1px solid #999;
+    color: #1d2327;
+    border-color: #a7aaad;
+    border-left: 1px solid #8c8f94;
 }
 
@@ -47 +47 @@
 
 .wp-color-result:focus {
-    border-color: #5b9dd9;
-    box-shadow: 0 0 3px rgba(0, 115, 170, 0.8);
+    border-color: #4f94d4;
+    box-shadow: 0 0 3px rgba(34, 113, 177, 0.8);
 }
 
@@ -82 +82 @@
 
 .wp-picker-container .iris-square-slider .ui-slider-handle:focus {
-    background-color: #555
+    background-color: #50575e
 }
 
 .wp-picker-container .iris-picker {
     border-radius: 0;
-    border-color: #ddd;
+    border-color: #dcdcde;
     margin-top: 6px;
 }
@@ -103 +103 @@
 
 .wp-color-picker::-webkit-input-placeholder {
-    color: #72777c;
+    color: #787c82;
 }
 
 .wp-color-picker::-moz-placeholder {
-    color: #72777c;
+    color: #787c82;
     opacity: 1;
 }
 
 .wp-color-picker:-ms-input-placeholder {
-    color: #72777c;
+    color: #787c82;
 }
 
 .wp-picker-container input[type="text"].iris-error {
-    background-color: #ffebe8;
-    border-color: #c00;
+    background-color: #fcf0f1;
+    border-color: #d63638;
     color: #000;
 }
@@ -123 +123 @@
 .iris-picker .ui-square-handle:focus,
 .iris-picker .iris-strip .ui-slider-handle:focus {
-    border-color: #007cba;
+    border-color: #3582c4;
     border-style: solid;
-    box-shadow: 0 0 0 1px #007cba;
+    box-shadow: 0 0 0 1px #3582c4;
     outline: 2px solid transparent;
 }
 
 .iris-picker .iris-palette:focus {
-    box-shadow: 0 0 0 2px #007cba;
+    box-shadow: 0 0 0 2px #3582c4;
 }
 

trunk/src/wp-admin/css/common.css

@@ -153 +153 @@
     font-weight: 600;
     padding: 15px 23px 14px;
-    background: #f1f1f1;
-    color: #0073aa;
+    background: #f0f0f1;
+    color: #2271b1;
     z-index: 100000;
     line-height: normal;
@@ -191 +191 @@
 .imgedit-group,
 .comment-ays {
-    border: 1px solid #ccd0d4;
+    border: 1px solid #c3c4c7;
     box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
 }
@@ -216 +216 @@
 
 body {
-    background: #f1f1f1;
-    color: #444;
+    background: #f0f0f1;
+    color: #3c434a;
     font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     font-size: 13px;
@@ -253 +253 @@
 /* Any change to the default link style must be applied to button-link too. */
 a {
-    color: #0073aa;
+    color: #2271b1;
     transition-property: border, background, color;
     transition-duration: .05s;
@@ -266 +266 @@
 a:hover,
 a:active {
-    color: #006799;
+    color: #135e96;
 }
 
@@ -272 +272 @@
 a:focus .media-icon img,
 .wp-person a:focus .gravatar {
-    color: #124964;
+    color: #043959;
     box-shadow:
-        0 0 0 1px #5b9dd9,
-        0 0 2px 1px rgba(30, 140, 190, 0.8);
+        0 0 0 1px #4f94d4,
+        0 0 2px 1px rgba(79, 148, 212, 0.8);
         /* Only visible in Windows High Contrast mode */
         outline: 1px solid transparent;
@@ -332 +332 @@
 
 h1 {
-    color: #23282d;
+    color: #1d2327;
     font-size: 2em;
     margin: .67em 0;
@@ -339 +339 @@
 h2,
 h3 {
-    color: #23282d;
+    color: #1d2327;
     font-size: 1.3em;
     margin: 1em 0;
@@ -420 +420 @@
     padding: 3px 5px 2px 5px;
     margin: 0 1px;
-    background: #eaeaea;
+    background: #f0f0f1;
     background: rgba(0, 0, 0, 0.07);
     font-size: 13px;
@@ -431 +431 @@
     font-size: 13px;
     float: left;
-    color: #666;
+    color: #646970;
 }
 
@@ -442 +442 @@
 .subsubsub a .count,
 .subsubsub a.current .count {
-    color: #555d66; /* #f1f1f1 background */
+    color: #50575e; /* #f1f1f1 background */
     font-weight: 400;
 }
@@ -482 +482 @@
 .widefat thead th,
 .widefat thead td {
-    border-bottom: 1px solid #ccd0d4;
+    border-bottom: 1px solid #c3c4c7;
 }
 
 .widefat tfoot th,
 .widefat tfoot td {
-    border-top: 1px solid #ccd0d4;
+    border-top: 1px solid #c3c4c7;
     border-bottom: none;
 }
@@ -600 +600 @@
     margin: 0;
     padding-left: 25px;
-    color: #555d66;
+    color: #50575e;
     font-size: 14px;
     font-weight: 400;
@@ -615 +615 @@
     top: -3px;
     text-decoration: none;
-    border: 1px solid #0071a1;
+    border: 1px solid #2271b1;
     border-radius: 2px;
     text-shadow: none;
@@ -621 +621 @@
     font-size: 13px;
     line-height: normal; /* IE8-IE11 need this for buttons */
-    color: #0071a1; /* use the standard color used for buttons */
-    background: #f3f5f6;
+    color: #2271b1; /* use the standard color used for buttons */
+    background: #f6f7f7;
     cursor: pointer;
 }
@@ -632 +632 @@
 .wrap .add-new-h2:hover, /* deprecated */
 .wrap .page-title-action:hover {
-    background: #f1f1f1;
-    border-color: #016087;
-    color: #016087;
+    background: #f0f0f1;
+    border-color: #0a4b78;
+    color: #0a4b78;
 }
 
 /* lower specificity: color needs to be overridden by :hover and :active */
 .page-title-action:focus {
-    color: #016087;
+    color: #0a4b78;
 }
 
@@ -649 +649 @@
 
 .wrap .page-title-action:focus {
-    border-color: #007cba;
-    box-shadow: 0 0 0 1px #007cba;
+    border-color: #3582c4;
+    box-shadow: 0 0 0 1px #3582c4;
     /* Only visible in Windows High Contrast mode */
     outline: 2px solid transparent;
@@ -668 +668 @@
 div#widgets-right .widget-top:hover,
 #widgets-left .widget-top:hover {
-    border-color: #999;
+    border-color: #8c8f94;
     box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
 }
 
 .sorthelper {
-    background-color: #ccf3fa;
+    background-color: #c5d9ed;
 }
 
@@ -684 +684 @@
 ul.striped > :nth-child(odd),
 .alternate {
-    background-color: #f9f9f9;
+    background-color: #f6f7f7;
 }
 
 .bar {
-    background-color: #e8e8e8;
-    border-right-color: #99d;
+    background-color: #f0f0f1;
+    border-right-color: #4f94d4;
 }
 
@@ -695 +695 @@
 
 .highlight {
-    background-color: #e4f2fd;
+    background-color: #f0f6fc;
     color: #000;
 }
@@ -701 +701 @@
 .wp-ui-primary {
     color: #fff;
-    background-color: #32373c;
+    background-color: #2c3338;
 }
 .wp-ui-text-primary {
-    color: #32373c;
+    color: #2c3338;
 }
 
 .wp-ui-highlight {
     color: #fff;
-    background-color: #1e8cbe;
+    background-color: #4f94d4;
 }
 .wp-ui-text-highlight {
-    color: #1e8cbe;
+    color: #4f94d4;
 }
 
 .wp-ui-notification {
     color: #fff;
-    background-color: #d54e21;
+    background-color: #d63638;
 }
 .wp-ui-text-notification {
-    color: #d54e21;
+    color: #d63638;
 }
 
 .wp-ui-text-icon {
-    color: #82878c; /* same as new icons */
+    color: #8c8f94; /* same as new icons */
 }
 
@@ -764 +764 @@
 .widget .widget-top,
 .menu-item-handle {
-    background: #fafafa;
-    color: #23282d;
+    background: #f6f7f7;
+    color: #1d2327;
 }
 
 .stuffbox .hndle {
-    border-bottom: 1px solid #ccd0d4;
+    border-bottom: 1px solid #c3c4c7;
 }
 
 .quicktags {
-    background-color: #ccc;
+    background-color: #c3c4c7;
     color: #000;
     font-size: 12px;
@@ -788 +788 @@
 .notice-dismiss:before {
     background: none;
-    color: #72777c;
+    color: #787c82;
     content: "\f153";
     display: block;
@@ -811 +811 @@
     margin-left: 2px;
     border-radius: 50%;
-    color: #0073aa;
+    color: #2271b1;
     /* vertically center the icon cross browsers */
     line-height: 1.28;
@@ -826 +826 @@
 #bulk-titles div a:hover:before,
 #bulk-titles div a:focus:before {
-    color: #c00;
+    color: #d63638;
 }
 
 .tagchecklist .ntdelbutton:focus .remove-tag-icon:before {
     box-shadow:
-        0 0 0 1px #5b9dd9,
-        0 0 2px 1px rgba(30, 140, 190, 0.8);
+        0 0 0 1px #4f94d4,
+        0 0 2px 1px rgba(79, 148, 212, 0.8);
 }
 
@@ -850 +850 @@
 
 .howto {
-    color: #666;
+    color: #646970;
     display: block;
 }
@@ -865 +865 @@
 hr {
     border: 0;
-    border-top: 1px solid #ddd;
-    border-bottom: 1px solid #fafafa;
+    border-top: 1px solid #dcdcde;
+    border-bottom: 1px solid #f6f7f7;
 }
 
@@ -880 +880 @@
 #nav-menu-footer .menu-delete,
 #delete-link a.delete {
-    color: #a00;
+    color: #d63638;
 }
 
@@ -897 +897 @@
 #nav-menu-footer .menu-delete:hover,
 #delete-link a.delete:hover {
-    color: #dc3232;
+    color: #d63638;
     border: none;
 }
@@ -908 +908 @@
     padding: 10px;
     clear: both;
-    border-top: 1px solid #ddd;
-    background: #f5f5f5;
+    border-top: 1px solid #dcdcde;
+    background: #f6f7f7;
 }
 
@@ -998 +998 @@
     width: 100%;
     box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
-    border: 1px solid #ccd0d4;
+    border: 1px solid #c3c4c7;
     background: #fff;
-    color: #555;
+    color: #50575e;
     font-size: 13px;
 }
@@ -1021 +1021 @@
     padding: 4px 10px;
     border-radius: 30px;
-    background: #72777c;
+    background: #787c82;
     color: #fff;
     font-size: 14px;
@@ -1054 +1054 @@
     padding: 15px 0;
     border-bottom: 4px solid #fff;
-    color: #666;
+    color: #646970;
     cursor: pointer;
 }
@@ -1060 +1060 @@
 .filter-links .current {
     box-shadow: none;
-    border-bottom: 4px solid #666;
-    color: #23282d;
+    border-bottom: 4px solid #646970;
+    color: #1d2327;
 }
 
@@ -1068 +1068 @@
 .show-filters .filter-links a.current:hover,
 .show-filters .filter-links a.current:focus {
-    color: #006799;
+    color: #135e96;
 }
 
@@ -1111 +1111 @@
     border-color: transparent;
     background-color: transparent;
-    color: #666;
+    color: #646970;
     vertical-align: baseline;
     box-shadow: none;
@@ -1119 +1119 @@
     content: "\f111";
     margin: 0 5px 0 0;
-    color: #72777c;
+    color: #787c82;
     font: normal 16px/1 dashicons;
     vertical-align: text-bottom;
@@ -1131 +1131 @@
 .wp-filter .drawer-toggle:focus:before {
     background-color: transparent;
-    color: #006799;
+    color: #135e96;
 }
 
@@ -1140 +1140 @@
 
 .wp-filter .button.drawer-toggle:focus {
-    border-color: #5b9dd9;
+    border-color: #4f94d4;
 }
 
@@ -1158 +1158 @@
     margin: 0 -10px 0 -20px;
     padding: 20px;
-    border-top: 1px solid #eee;
-    background: #fafafa;
+    border-top: 1px solid #f0f0f1;
+    background: #f6f7f7;
     overflow: hidden;
 }
@@ -1174 +1174 @@
 .show-filters .wp-filter .button.drawer-toggle {
     border-radius: 2px;
-    background: #72777c;
+    background: #787c82;
     color: #fff;
 }
@@ -1180 +1180 @@
 .show-filters .wp-filter .drawer-toggle:hover,
 .show-filters .wp-filter .drawer-toggle:focus {
-    background: rgb(46, 162, 204);
+    background: #72aee6;
 }
 
@@ -1195 +1195 @@
     width: 24%;
     background: #fff;
-    border: 1px solid #e5e5e5;
+    border: 1px solid #dcdcde;
     box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
 }
@@ -1277 +1277 @@
     margin: 0 5px;
     padding: 4px 8px;
-    border: 1px solid #e5e5e5;
+    border: 1px solid #dcdcde;
     box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
     background: #fff;
@@ -1317 +1317 @@
 @media only screen and (max-width: 1120px) {
     .filter-drawer {
-        border-bottom: 1px solid #eee;
+        border-bottom: 1px solid #f0f0f1;
     }
 
@@ -1375 +1375 @@
 div.error {
     background: #fff;
-    border: 1px solid #ccd0d4;
+    border: 1px solid #c3c4c7;
     border-left-width: 4px;
-    box-shadow: 0 1px 1px rgba(0, 0, 0, .04);
+    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
     margin: 5px 15px 2px;
     padding: 1px 12px;
@@ -1413 +1413 @@
 .notice-title {
     display: inline-block;
-    color: #23282d;
+    color: #1d2327;
     font-size: 18px;
 }
@@ -1430 +1430 @@
     padding: 9px;
     background: none;
-    color: #72777c;
+    color: #787c82;
     cursor: pointer;
 }
@@ -1437 +1437 @@
 .notice-dismiss:active:before,
 .notice-dismiss:focus:before {
-    color: #c00;
+    color: #d63638;
 }
 
@@ -1443 +1443 @@
     outline: none;
     box-shadow:
-        0 0 0 1px #5b9dd9,
-        0 0 2px 1px rgba(30, 140, 190, 0.8);
+        0 0 0 1px #4f94d4,
+        0 0 2px 1px rgba(79, 148, 212, 0.8);
 }
 
 .notice-success,
 div.updated {
-    border-left-color: #46b450;
+    border-left-color: #00a32a;
 }
 
 .notice-success.notice-alt {
-    background-color: #ecf7ed;
+    background-color: #edfaef;
 }
 
 .notice-warning {
-    border-left-color: #ffb900;
+    border-left-color: #dba617;
 }
 
 .notice-warning.notice-alt {
-    background-color: #fff8e5;
+    background-color: #fcf9e8;
 }
 
 .notice-error,
 div.error {
-    border-left-color: #dc3232;
+    border-left-color: #d63638;
 }
 
 .notice-error.notice-alt {
-    background-color: #fbeaea;
+    background-color: #fcf0f1;
 }
 
 .notice-info {
-    border-left-color: #00a0d2;
+    border-left-color: #72aee6;
 }
 
 .notice-info.notice-alt {
-    background-color: #e5f5fa;
+    background-color: #f0f6fc;
 }
 
@@ -1526 +1526 @@
 .button.updating-message:before,
 .button.installing:before {
-    color: #f56e28;
+    color: #d63638;
     content: "\f463";
 }
@@ -1548 +1548 @@
 .installed p:before,
 .button.updated-message:before {
-    color: #79ba49;
+    color: #68de7c;
     content: "\f147";
 }
@@ -1554 +1554 @@
 /* Error icon. */
 .update-message.notice-error p:before {
-    color: #dc3232;
+    color: #d63638;
     content: "\f534";
 }
@@ -1638 +1638 @@
 
 .button-primary.updated-message:before {
-    color: #66c6e4;
+    color: #9ec2e6;
 }
 
@@ -1694 +1694 @@
     position: relative;
     background-color: #fff;
-    border: 1px solid #ccd0d4;
+    border: 1px solid #c3c4c7;
     border-top: none;
     box-shadow: 0 0 0 transparent;
@@ -1711 +1711 @@
 
 #screen-meta-links .show-settings {
-    border: 1px solid #ccd0d4;
+    border: 1px solid #c3c4c7;
     border-top: none;
     height: auto;
@@ -1718 +1718 @@
     background: #fff;
     border-radius: 0 0 4px 4px;
-    color: #72777c;
+    color: #787c82;
     line-height: 1.7;
     box-shadow: 0 0 0 transparent;
@@ -1727 +1727 @@
 #screen-meta-links .show-settings:active,
 #screen-meta-links .show-settings:focus {
-    color: #32373c;
+    color: #2c3338;
 }
 
 #screen-meta-links .show-settings:focus {
-    border-color: #5b9dd9;
-    box-shadow: 0 0 3px rgba(0, 115, 170, 0.8);
+    border-color: #4f94d4;
+    box-shadow: 0 0 3px rgba(34, 113, 177, 0.8);
 }
 
@@ -1752 +1752 @@
     -moz-osx-font-smoothing: grayscale;
     text-decoration: none;
-    color: #72777c;
+    color: #787c82;
 }
 
@@ -1856 +1856 @@
     left: 150px;
     right: 170px;
-    border: 1px solid #ccd0d4;
+    border: 1px solid #c3c4c7;
     border-top: none;
     border-bottom: none;
-    background: #f6fbfd;
+    background: #f0f6fc;
 }
 
@@ -1897 +1897 @@
 
 .contextual-help-tabs a:hover {
-    color: #32373c;
+    color: #2c3338;
 }
 
@@ -1903 +1903 @@
     padding: 0;
     margin: 0 -1px 0 0;
-    border-left: 2px solid #00a0d2;
-    background: #f6fbfd;
+    border-left: 2px solid #72aee6;
+    background: #f0f6fc;
     box-shadow: 0 2px 0 rgba(0, 0, 0, 0.02), 0 1px 0 rgba(0, 0, 0, 0.02);
 }
 
 .contextual-help-tabs .active a {
-    border-color: #ccd0d4;
-    color: #32373c;
+    border-color: #c3c4c7;
+    color: #2c3338;
 }
 
@@ -1952 +1952 @@
 .widefat th,
 .widefat td {
-    color: #555;
+    color: #50575e;
 }
 
@@ -1965 +1965 @@
 .widefat tfoot tr th,
 .widefat tfoot tr td {
-    color: #32373c;
+    color: #2c3338;
 }
 
@@ -1975 +1975 @@
 .widefat ol,
 .widefat ul {
-    color: #32373c;
+    color: #2c3338;
 }
 
@@ -2051 +2051 @@
     align-items: center;
     justify-content: space-between;
-    border-bottom: 1px solid #ccd0d4;
+    border-bottom: 1px solid #c3c4c7;
 }
 
@@ -2081 +2081 @@
 .postbox .handle-order-higher,
 .postbox .handle-order-lower {
-    color: #72777c;
+    color: #787c82;
     width: 1.62rem;
 }
@@ -2090 +2090 @@
     width: 44px;
     height: 44px;
-    color: #191e23
+    color: #1d2327
 }
 
@@ -2096 +2096 @@
 .postbox .handle-order-lower[aria-disabled="true"] {
     cursor: default;
-    color: #a0a5aa;
+    color: #a7aaad;
 }
 
 .sortable-placeholder {
-    border: 1px dashed #b4b9be;
+    border: 1px dashed #c3c4c7;
     margin-bottom: 20px;
 }
@@ -2160 +2160 @@
 
 .temp-border {
-    border: 1px dotted #ccc;
+    border: 1px dotted #c3c4c7;
 }
 
@@ -2195 +2195 @@
     right: 0;
     padding: 10px 20px;
-    color: #555d66;
+    color: #50575e;
 }
 
@@ -2214 +2214 @@
 .nav-tab {
     float: left;
-    border: 1px solid #ccc;
+    border: 1px solid #c3c4c7;
     border-bottom: none;
     margin-left: 0.5em; /* half the font size so set the font size properly */
@@ -2221 +2221 @@
     line-height: 1.71428571;
     font-weight: 600;
-    background: #e5e5e5;
-    color: #555;
+    background: #dcdcde;
+    color: #50575e;
     text-decoration: none;
     white-space: nowrap;
@@ -2237 +2237 @@
 .nav-tab:focus {
     background-color: #fff;
-    color: #444;
+    color: #3c434a;
 }
 
@@ -2247 +2247 @@
 .nav-tab-active {
     margin-bottom: -1px;
-    color: #444;
+    color: #3c434a;
 }
 
@@ -2254 +2254 @@
 .nav-tab-active:focus,
 .nav-tab-active:focus:active {
-    border-bottom: 1px solid #f1f1f1;
-    background: #f1f1f1;
+    border-bottom: 1px solid #f0f0f1;
+    background: #f0f0f1;
     color: #000;
 }
@@ -2262 +2262 @@
 .wrap h2.nav-tab-wrapper, /* higher specificity to override .wrap > h2:first-child */
 .nav-tab-wrapper {
-    border-bottom: 1px solid #ccc;
+    border-bottom: 1px solid #c3c4c7;
     margin: 0;
     padding-top: 9px;
@@ -2346 +2346 @@
 .attention,
 .error-message {
-    color: #dc3232;
+    color: #d63638;
     font-weight: 600;
 }
@@ -2372 +2372 @@
 
 .media-icon img {
-    border: 1px solid #e5e5e5;
+    border: 1px solid #dcdcde;
     border: 1px solid rgba(0, 0, 0, 0.07);
 }
@@ -2415 +2415 @@
 .importer-action {
     line-height: 1.55; /* Same as with .updating-message */
-    color: #555;
+    color: #50575e;
     margin-bottom: 1em;
 }
@@ -2425 +2425 @@
 
 .edit-comment-author {
-    color: #222;
-    border-bottom: 1px solid #eee;
+    color: #1d2327;
+    border-bottom: 1px solid #f0f0f1;
 }
 
@@ -2522 +2522 @@
     transition: color .1s ease-in;
     text-align: center;
-    color: #ffb900;
+    color: #dba617;
 }
 
@@ -2566 +2566 @@
 #plugin-information-title {
     padding: 0 26px;
-    background: #f5f5f5;
+    background: #f6f7f7;
     font-size: 22px;
     font-weight: 600;
@@ -2601 +2601 @@
     margin-top: 174px;
     color: #fff;
-    background: rgba(30, 30, 30, 0.9);
+    background: rgba(29, 35, 39, 0.9);
     text-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
     box-shadow: 0 0 30px rgba(255, 255, 255, 0.1);
@@ -2630 +2630 @@
     font-size: 0;
     z-index: 1;
-    border-bottom: 1px solid #ddd;
-    background: #f3f3f3;
+    border-bottom: 1px solid #dcdcde;
+    background: #f6f7f7;
 }
 
@@ -2649 +2649 @@
     margin: 0 -1px -1px;
     background: #fff;
-    border: 1px solid #ddd;
+    border: 1px solid #dcdcde;
     border-bottom-color: #fff;
     padding-top: 8px;
-    color: #32373c;
+    color: #2c3338;
 }
 
@@ -2712 +2712 @@
     padding-bottom: 99999px; /* equal height column trick */
     width: 217px;
-    border-left: 1px solid #ddd;
-    background: #f3f3f3;
-    color: #666;
+    border-left: 1px solid #dcdcde;
+    background: #f6f7f7;
+    color: #646970;
 }
 
 #plugin-information .fyi strong {
-    color: #444;
+    color: #3c434a;
 }
 
@@ -2725 +2725 @@
     text-transform: uppercase;
     font-size: 12px;
-    color: #666;
+    color: #646970;
     margin: 24px 0 8px;
 }
@@ -2762 +2762 @@
     height: 17px;
     width: 92px;
-    background-color: #e5e5e5;
+    background-color: #dcdcde;
     float: left;
 }
@@ -2768 +2768 @@
 #plugin-information .counter-bar {
     height: 17px;
-    background-color: #ffc733; /* slightly lighter than stars due to larger expanse */
+    background-color: #f0c33c; /* slightly lighter than stars due to larger expanse */
     float: left;
 }
@@ -2804 +2804 @@
     left: 0;
     height: 40px; /* actual height: 40+13+13+1=67 */
-    border-top: 1px solid #ddd;
-    background: #f3f3f3;
+    border-top: 1px solid #dcdcde;
+    background: #f6f7f7;
 }
 
@@ -2849 +2849 @@
     padding: 7px;
     overflow: auto;
-    border: 1px solid #ccc;
+    border: 1px solid #c3c4c7;
 }
 
 #plugin-information blockquote {
-    border-left: 2px solid #ddd;
-    color: #666;
+    border-left: 2px solid #dcdcde;
+    color: #646970;
     font-style: italic;
     margin: 1em 0;
@@ -2865 +2865 @@
     width: 100%;
     margin-bottom: 20px;
-    border-bottom: 1px solid #e5e5e5;
+    border-bottom: 1px solid #dcdcde;
 }
 
@@ -2946 +2946 @@
     #plugin-information .fyi {
         float: none;
-        border: 1px solid #ddd;
+        border: 1px solid #dcdcde;
         position: static;
         width: auto;
@@ -2972 +2972 @@
 /* Thickbox for the Plugin details modal. */
 #TB_window.plugin-details-modal {
-    background: #fcfcfc;
+    background: #fff;
 }
 
@@ -2985 +2985 @@
     z-index: -1;
     margin: -10px 0 0 -10px;
-    background: #fcfcfc url(../images/spinner.gif) no-repeat center;
+    background: #fff url(../images/spinner.gif) no-repeat center;
     background-size: 20px 20px;
     transform: translateZ(0);
@@ -3011 +3011 @@
     left: auto;
     right: -30px;
-    color: #eee;
+    color: #f0f0f1;
 }
 
 .plugin-details-modal #TB_closeWindowButton:hover,
 .plugin-details-modal #TB_closeWindowButton:focus {
-    color: #006799;
+    color: #135e96;
     outline: none;
     box-shadow: none;
@@ -3105 +3105 @@
     line-height: 16px;
     vertical-align: top;
-    color: #72777c;
+    color: #787c82;
 }
 
@@ -3112 +3112 @@
 .postbox .handlediv:focus {
     box-shadow:
-        0 0 0 1px #5b9dd9,
-        0 0 2px 1px rgba(30, 140, 190, 0.8);
+        0 0 0 1px #4f94d4,
+        0 0 2px 1px rgba(79, 148, 212, 0.8);
     /* Only visible in Windows High Contrast mode */
     outline: 1px solid transparent;
@@ -3139 +3139 @@
     font-family: Consolas, Monaco, monospace;
     font-size: 13px;
-    background: #f9f9f9;
+    background: #f6f7f7;
     -moz-tab-size: 4;
     -o-tab-size: 4;
@@ -3150 +3150 @@
     min-height: 60vh;
     height: calc( 100vh - 295px );
-    border: 1px solid #ddd;
+    border: 1px solid #dcdcde;
     box-sizing: border-box;
 }
@@ -3172 +3172 @@
     min-height: 60vh;
     height: calc(100vh - 295px);
-    background-color: #f7f7f7;
-    border: 1px solid #ddd;
+    background-color: #f6f7f7;
+    border: 1px solid #dcdcde;
     border-left: none;
 }
@@ -3217 +3217 @@
 }
 [role="treeitem"] .folder-label.focus {
-    color: #124964;
+    color: #043959;
     box-shadow:
-        0 0 0 1px #5b9dd9,
-        0 0 2px 1px rgba(30, 140, 190, 0.8);
+        0 0 0 1px #4f94d4,
+        0 0 2px 1px rgba(79, 148, 212, 0.8);
 }
 [role="treeitem"].hover,
 [role="treeitem"] .folder-label.hover {
-    background-color: #eaeaea;
+    background-color: #f0f0f1;
 }
 
@@ -3241 +3241 @@
     position: absolute;
     left: 2px;
-    border-left: 1px solid #ccc;
+    border-left: 1px solid #c3c4c7;
     top: -13px;
     bottom: 10px;
@@ -3249 +3249 @@
     position: absolute;
     display: block;
-    border-left: 1px solid #ccc;
+    border-left: 1px solid #c3c4c7;
     left: 2px;
     top: -5px;
     height: 18px;
     width: 7px;
-    border-bottom: 1px solid #ccc;
+    border-bottom: 1px solid #c3c4c7;
 }
 .tree-folder > li::after {
@@ -3260 +3260 @@
     position: absolute;
     display: block;
-    border-left: 1px solid #ccc;
+    border-left: 1px solid #c3c4c7;
     left: 2px;
     bottom: -7px;
@@ -3381 +3381 @@
 
 .nonessential {
-    color: #666;
+    color: #646970;
     font-size: 11px;
     font-style: italic;
@@ -3429 +3429 @@
 .toggle-indicator,
 .accordion-section-title:after {
-    color: #72777c;
+    color: #787c82;
 }
 
 .widget-action {
-    color: #555d66; /* #fafafa background in the Widgets screen */
+    color: #50575e; /* #fafafa background in the Widgets screen */
 }
 
@@ -3446 +3446 @@
 .sidebar-name:hover .toggle-indicator,
 .accordion-section-title:hover:after {
-    color: #23282d;
+    color: #1d2327;
     /* Only visible in Windows High Contrast mode */
     outline: 1px solid transparent;
@@ -3453 +3453 @@
 .widget-top .widget-action:focus .toggle-indicator:before {
     box-shadow:
-        0 0 0 1px #5b9dd9,
-        0 0 2px 1px rgba(30, 140, 190, 0.8);
+        0 0 0 1px #4f94d4,
+        0 0 2px 1px rgba(79, 148, 212, 0.8);
 }
 
@@ -3487 +3487 @@
 /* Accordion */
 .accordion-section {
-    border-bottom: 1px solid #ddd;
+    border-bottom: 1px solid #dcdcde;
     margin: 0;
 }
@@ -3497 +3497 @@
 
 .accordion-section.open:hover {
-    border-bottom-color: #ddd;
+    border-bottom-color: #dcdcde;
 }
 
@@ -3511 +3511 @@
     padding: 12px 15px 15px;
     position: relative;
-    border-left: 1px solid #ddd;
-    border-right: 1px solid #ddd;
+    border-left: 1px solid #dcdcde;
+    border-right: 1px solid #dcdcde;
     -webkit-user-select: none;
     -ms-user-select: none;
@@ -3536 +3536 @@
 .accordion-section-title:hover:after,
 .accordion-section-title:focus:after {
-    border-color: #a0a5aa transparent;
+    border-color: #a7aaad transparent;
     /* Only visible in Windows High Contrast mode */
     outline: 1px solid transparent;
@@ -3567 +3567 @@
 .js .control-section.open .accordion-section-title,
 .js .control-section .accordion-section-title:focus {
-    color: #23282d;
-    background: #f5f5f5;
+    color: #1d2327;
+    background: #f6f7f7;
 }
 
 .control-section.open .accordion-section-title {
     /* When expanded */
-    border-bottom: 1px solid #ddd;
+    border-bottom: 1px solid #dcdcde;
 }
 
@@ -3613 +3613 @@
         top: 0;
         right: 0;
-        background: #ccc;
+        background: #c3c4c7;
     }
 
@@ -3633 +3633 @@
     .my-sites li:nth-of-type(4n+1),
     .my-sites li:nth-of-type(4n+2) {
-        background-color: #f9f9f9;
+        background-color: #f6f7f7;
     }
 
@@ -3650 +3650 @@
     .my-sites li:nth-of-type(6n+2),
     .my-sites li:nth-of-type(6n+3) {
-        background-color: #f9f9f9;
+        background-color: #f6f7f7;
     }
 }
@@ -3671 +3671 @@
     .my-sites li:nth-of-type(8n+3),
     .my-sites li:nth-of-type(8n+4) {
-        background-color: #f9f9f9;
+        background-color: #f6f7f7;
     }
 }
@@ -3693 +3693 @@
     .my-sites li:nth-of-type(10n+4),
     .my-sites li:nth-of-type(10n+5) {
-        background-color: #f9f9f9;
+        background-color: #f6f7f7;
     }
 }
@@ -3716 +3716 @@
     .my-sites li:nth-of-type(12n+5),
     .my-sites li:nth-of-type(12n+6) {
-        background-color: #f9f9f9;
+        background-color: #f6f7f7;
     }
 }
@@ -3884 +3884 @@
 
     #templateside > ul {
-        border-left: 1px solid #ddd;
+        border-left: 1px solid #dcdcde;
     }
 
@@ -4094 +4094 @@
     nav .nav-tab {
         margin: 10px 10px 0 0;
-        border-bottom: 1px solid #ccc;
+        border-bottom: 1px solid #c3c4c7;
     }
 
@@ -4100 +4100 @@
     .nav-tab-active:focus,
     .nav-tab-active:focus:active {
-        border-bottom: 1px solid #ccc;
+        border-bottom: 1px solid #c3c4c7;
     }
 

trunk/src/wp-admin/css/customize-controls.css

@@ -62 +62 @@
 
 #customize-controls .description {
-    color: #555d66;
+    color: #50575e;
 }
 
@@ -81 +81 @@
 
 #customize-save-button-wrapper .save:focus, #publish-settings:focus {
-    box-shadow: 0 1px 0 #0073aa, 0 0 2px 1px #33b3db; /* This is default box shadow for focus */
+    box-shadow: 0 1px 0 #2271b1, 0 0 2px 1px #72aee6; /* This is default box shadow for focus */
 }
 
@@ -99 +99 @@
     margin: 0;
     z-index: -1;
-    background: #eee;
+    background: #f0f0f1;
     transition: left .18s;
-    border-right: 1px solid #ddd;
-    border-left: 1px solid #ddd;
+    border-right: 1px solid #dcdcde;
+    border-left: 1px solid #dcdcde;
     height: 100%;
 }
@@ -180 +180 @@
 
 #customize-header-actions {
-    border-bottom: 1px solid #ddd;
+    border-bottom: 1px solid #dcdcde;
 }
 
@@ -189 +189 @@
 
 .outer-section-open #customize-controls .wp-full-overlay-sidebar-content {
-    background: #eee;
+    background: #f0f0f1;
 }
 
 #customize-controls .customize-info {
     border: none;
-    border-bottom: 1px solid #ddd;
+    border-bottom: 1px solid #dcdcde;
     margin-bottom: 15px;
 }
@@ -200 +200 @@
 #customize-control-changeset_status .customize-inside-control-row,
 #customize-control-changeset_preview_link input {
-    background-color: #ffffff;
-    border-bottom: 1px solid #ddd;
+    background-color: #fff;
+    border-bottom: 1px solid #dcdcde;
     box-sizing: content-box;
     width: 100%;
@@ -227 +227 @@
 
 #customize-controls .date-input:invalid {
-    border-color: #dc3232;
+    border-color: #d63638;
 }
 
@@ -237 +237 @@
 
 #customize-control-changeset_status .customize-inside-control-row:first-of-type {
-    border-top: 1px solid #ddd;
+    border-top: 1px solid #dcdcde;
 }
 
@@ -269 +269 @@
     height: 28px;
     position: absolute;
-    background: #ffffff;
+    background: #fff;
     top: -1px;
 }
@@ -287 +287 @@
 #customize-control-changeset_preview_link input {
     line-height: 2.85714286; /* 40px */
-    border-top: 1px solid #ddd;
+    border-top: 1px solid #dcdcde;
     border-left: none;
     border-right: none;
@@ -316 +316 @@
 #customize-control-changeset_preview_link a.disabled:focus,
 #customize-control-changeset_preview_link a.disabled:visited {
-    color: black;
+    color: #000;
     opacity: 0.4;
     cursor: default;
@@ -377 +377 @@
     margin-left: -12px;
     padding: 12px;
-    background: #ffffff;
-    border-bottom: 1px solid #ddd;
+    background: #fff;
+    border-bottom: 1px solid #dcdcde;
     margin-bottom: 0;
 }
@@ -410 +410 @@
 #customize-controls .customize-info .accordion-section-title {
     background: #fff;
-    color: #555d66;
+    color: #50575e;
     border-left: none;
     border-right: none;
@@ -420 +420 @@
 #customize-controls .customize-info .accordion-section-title:hover:after,
 #customize-controls .customize-info .accordion-section-title:focus:after {
-    color: #32373c;
+    color: #2c3338;
 }
 
@@ -463 +463 @@
     -webkit-appearance: none;
     background: transparent;
-    color: #555d66;
+    color: #50575e;
     border: none;
 }
@@ -476 +476 @@
 #customize-controls .customize-info .customize-help-toggle:focus,
 #customize-controls .customize-info .customize-help-toggle:hover {
-    color: #0073aa;
+    color: #2271b1;
 }
 
@@ -483 +483 @@
 #customize-outer-theme-controls .customize-info .customize-section-description,
 #customize-controls .no-widget-areas-rendered-notice {
-    color: #555d66;
+    color: #50575e;
     display: none;
     background: #fff;
     padding: 12px 15px;
-    border-top: 1px solid #ddd;
+    border-top: 1px solid #dcdcde;
 }
 
@@ -528 +528 @@
 #customize-theme-controls .accordion-section-title,
 #customize-outer-theme-controls .accordion-section-title {
-    color: #555d66;
+    color: #50575e;
     background-color: #fff;
-    border-bottom: 1px solid #ddd;
+    border-bottom: 1px solid #dcdcde;
     border-left: 4px solid #fff;
     transition:
@@ -539 +539 @@
 
 #customize-controls #customize-theme-controls .customize-themes-panel .accordion-section-title {
-    color: #555;
+    color: #50575e;
     background-color: #fff;
     border-left: 4px solid #fff;
@@ -547 +547 @@
 #customize-outer-theme-controls .accordion-section-title:after {
     content: "\f345";
-    color: #a0a5aa;
+    color: #a7aaad;
 }
 
 #customize-theme-controls .accordion-section-content,
 #customize-outer-theme-controls .accordion-section-content {
-    color: #555d66;
+    color: #50575e;
     background: transparent;
 }
@@ -560 +560 @@
 #customize-controls .control-section.open .accordion-section-title,
 #customize-controls .control-section .accordion-section-title:focus {
-    color: #0073aa;
-    background: #f3f3f5;
-    border-left-color: #0073aa;
+    color: #2271b1;
+    background: #f6f7f7;
+    border-left-color: #2271b1;
 }
 
 #accordion-section-themes + .control-section {
-    border-top: 1px solid #ddd;
+    border-top: 1px solid #dcdcde;
 }
 
@@ -573 +573 @@
 .js .control-section.open .accordion-section-title,
 .js .control-section .accordion-section-title:focus {
-    background: #f3f3f5;
+    background: #f6f7f7;
 }
 
@@ -584 +584 @@
 #customize-outer-theme-controls .control-section.open .accordion-section-title:after,
 #customize-outer-theme-controls .control-section .accordion-section-title:focus:after {
-    color: #0073aa;
+    color: #2271b1;
 }
 
 #customize-theme-controls .control-section.open {
-    border-bottom: 1px solid #eee;
+    border-bottom: 1px solid #f0f0f1;
 }
 
 #customize-theme-controls .control-section.open .accordion-section-title,
 #customize-outer-theme-controls .control-section.open .accordion-section-title {
-    border-bottom-color: #eee !important;
+    border-bottom-color: #f0f0f1 !important;
 }
 
 #customize-theme-controls .control-section:last-of-type.open,
 #customize-theme-controls .control-section:last-of-type > .accordion-section-title {
-    border-bottom-color: #ddd;
+    border-bottom-color: #dcdcde;
 }
 
@@ -604 +604 @@
 #customize-theme-controls .control-panel-nav_menus .control-section-nav_menu,
 #customize-theme-controls .control-section-nav_menu_locations .accordion-section-title {
-    border-top: 1px solid #ddd;
+    border-top: 1px solid #dcdcde;
 }
 
@@ -718 +718 @@
 .customize-section-title {
     margin: -12px -12px 0 -12px;
-    border-bottom: 1px solid #ddd;
+    border-bottom: 1px solid #dcdcde;
     background: #fff;
 }
@@ -739 +739 @@
 
 #customize-theme-controls .customize-themes-panel h3.customize-section-title:first-child {
-    border-bottom: 1px solid #ddd;
+    border-bottom: 1px solid #dcdcde;
     padding: 12px 12px 12px 12px;
 }
@@ -752 +752 @@
     margin: 0;
     line-height: 21px;
-    color: #555d66;
+    color: #50575e;
 }
 
@@ -778 +778 @@
     height: 41px;
     padding: 0 2px 0 0;
-    background: #eee;
+    background: #f0f0f1;
     border: none;
-    border-top: 4px solid #eee;
-    border-right: 1px solid #ddd;
-    color: #444;
+    border-top: 4px solid #f0f0f1;
+    border-right: 1px solid #dcdcde;
+    color: #3c434a;
     text-align: left;
     cursor: pointer;
@@ -802 +802 @@
     background: #fff;
     border: none;
-    border-right: 1px solid #ddd;
+    border-right: 1px solid #dcdcde;
     border-left: 4px solid #fff;
     box-shadow: none;
@@ -832 +832 @@
 #customize-controls .cannot-expand:hover .accordion-section-title {
     background: #fff;
-    color: #555d66;
+    color: #50575e;
     border-left-color: #fff;
 }
@@ -841 +841 @@
 .customize-controls-preview-toggle:hover {
     background: #fff;
-    color: #0073aa;
-    border-top-color: #0073aa;
+    color: #2271b1;
+    border-top-color: #2271b1;
     box-shadow: none;
     /* Only visible in Windows High Contrast mode */
@@ -858 +858 @@
 .customize-section-back:hover,
 .customize-section-back:focus {
-    color: #0073aa;
-    background: #f3f3f5;
-    border-left-color: #0073aa;
+    color: #2271b1;
+    background: #f6f7f7;
+    border-left-color: #2271b1;
     box-shadow: none;
     /* Only visible in Windows High Contrast mode */
@@ -884 +884 @@
 
 .wp-full-overlay-sidebar .wp-full-overlay-header {
-    background-color: #eee;
+    background-color: #f0f0f1;
     transition: padding ease-in-out .18s;
 }
@@ -1063 +1063 @@
     bottom: 0;
     z-index: 10;
-    background: #eee;
+    background: #f0f0f1;
     display: flex;
 }
@@ -1085 +1085 @@
 
 .customize-control-dropdown-pages .new-content-item .create-item-input.invalid {
-    border: 1px solid #dc3232;
+    border: 1px solid #d63638;
 }
 
@@ -1104 +1104 @@
 
 .wp-full-overlay-sidebar {
-    background: #eee;
-    border-right: 1px solid #ddd;
+    background: #f0f0f1;
+    border-right: 1px solid #dcdcde;
 }
 
@@ -1121 +1121 @@
 #customize-controls .customize-control-widget_form.has-error .widget .widget-top,
 .customize-control-nav_menu_item.has-error .menu-item-bar .menu-item-handle {
-    box-shadow: inset 0 0 0 2px #dc3232;
+    box-shadow: inset 0 0 0 2px #d63638;
     transition: .15s box-shadow linear;
 }
@@ -1148 +1148 @@
 
 .customize-control-text.has-error input {
-    outline: 2px solid #dc3232;
+    outline: 2px solid #d63638;
 }
 
@@ -1155 +1155 @@
     top: 46px;
     width: 100%;
-    border-bottom: 1px solid #ddd;
+    border-bottom: 1px solid #dcdcde;
     display: block;
     padding: 0;
@@ -1183 +1183 @@
 #customize-controls .panel-meta > .customize-control-notifications-container,
 #customize-controls .customize-section-title > .customize-control-notifications-container {
-    border-top: 1px solid #ddd;
+    border-top: 1px solid #dcdcde;
 }
 #customize-controls #customize-notifications-area .notice,
@@ -1220 +1220 @@
 #customize-controls #customize-notifications-area .notice.notification-overlay .notification-message {
     clear: both;
-    color: #191e23;
+    color: #1d2327;
     font-size: 18px;
     font-style: normal;
@@ -1264 +1264 @@
     margin-right: 16px;
     padding: 4px 5px;
-    border: 2px solid #eee;
+    border: 2px solid #f0f0f1;
     -webkit-user-select: none;
     -ms-user-select: none;
@@ -1277 +1277 @@
     right: 0;
     width: 20px;
-    background: #eee;
+    background: #f0f0f1;
 }
 
@@ -1292 +1292 @@
     -moz-osx-font-smoothing: grayscale;
     text-decoration: none !important;
-    color: #32373c;
+    color: #2c3338;
 }
 
 .customize-control .dropdown-status {
-    color: #32373c;
-    background: #eee;
+    color: #2c3338;
+    background: #f0f0f1;
     display: none;
     max-width: 112px;
@@ -1308 +1308 @@
 
 .customize-control-color .dropdown .dropdown-content {
-    background-color: #555d66;
+    background-color: #50575e;
     border: 1px solid rgba(0, 0, 0, 0.15);
 }
@@ -1377 +1377 @@
     text-align: center;
     cursor: default;
-    border: 1px dashed #b4b9be;
+    border: 1px dashed #c3c4c7;
     box-sizing: border-box;
     padding: 9px 0;
@@ -1385 +1385 @@
 .customize-control .attachment-media-view .button-add-media {
     cursor: pointer;
-    background-color: #edeff0;
-    color: #32373c;
+    background-color: #f0f0f1;
+    color: #2c3338;
 }
 
 .customize-control .attachment-media-view .button-add-media:hover {
-    background-color: #fbfbfc;
+    background-color: #fff;
 }
 
 .customize-control .attachment-media-view .button-add-media:focus {
-    background-color: #fbfbfc;
-    border-color: #007cba;
+    background-color: #fff;
+    border-color: #3582c4;
     border-style: solid;
-    box-shadow: 0 0 0 1px #007cba;
+    box-shadow: 0 0 0 1px #3582c4;
     /* Only visible in Windows High Contrast mode */
     outline: 2px solid transparent;
@@ -1406 +1406 @@
     position: absolute;
     width: 100%;
-    color: #555d66;
+    color: #50575e;
     white-space: nowrap;
     text-overflow: ellipsis;
@@ -1450 +1450 @@
     bottom: 0;
     right: 0;
-    border: 4px solid #00a0d2;
+    border: 4px solid #72aee6;
     border-radius: 2px;
 }
@@ -1463 +1463 @@
     font-size: 20px;
     color: #fff;
-    background: #555d66;
+    background: #50575e;
     background: rgba(0, 0, 0, 0.5);
     position: absolute;
@@ -1481 +1481 @@
 
 .customize-control-header .header-view .close:focus {
-    outline: 1px solid #5b9dd9;
+    outline: 1px solid #4f94d4;
 }
 
@@ -1543 +1543 @@
     outline: none;
     box-shadow:
-        0 0 0 1px #5b9dd9,
-        0 0 3px 1px rgba(30, 140, 190, 0.8);
+        0 0 0 1px #4f94d4,
+        0 0 3px 1px rgba(79, 148, 212, 0.8);
 }
 
@@ -1661 +1661 @@
     cursor: default;
     background: #fff;
-    color: #555d66;
-    border-top: 1px solid #ddd;
-    border-bottom: 1px solid #ddd;
+    color: #50575e;
+    border-top: 1px solid #dcdcde;
+    border-bottom: 1px solid #dcdcde;
     border-left: none;
     border-right: none;
@@ -1721 +1721 @@
     width: calc(100% - 300px);
     height: calc(100% - 96px);
-    background: #eee;
+    background: #f0f0f1;
     z-index: 20;
 }
@@ -1758 +1758 @@
 
 .wp-full-overlay.in-themes-panel {
-    background: #eee; /* Prevents a black flash when fading in the panel */
+    background: #f0f0f1; /* Prevents a black flash when fading in the panel */
 }
 
@@ -1796 +1796 @@
 
 .themes-filter-bar .feature-filter-toggle.open {
-    background: #eee;
-    border-color: #999;
+    background: #f0f0f1;
+    border-color: #8c8f94;
     box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5);
 }
@@ -1814 +1814 @@
     border-top: 0;
     margin: 0;
-    background: #eee;
-    border-bottom: 1px solid #ddd;
+    background: #f0f0f1;
+    border-bottom: 1px solid #dcdcde;
 }
 
@@ -1854 +1854 @@
 .control-panel-themes .filter-themes-count .themes-displayed {
     font-weight: 600;
-    color: #555d66;
+    color: #50575e;
 }
 
@@ -1878 +1878 @@
     margin: 15px 0 0 0;
     line-height: 16px;
-    border-bottom: 1px solid #ddd;
-    color: #555d66;
+    border-bottom: 1px solid #dcdcde;
+    color: #50575e;
 }
 
@@ -1888 +1888 @@
     outline: none;
     border-top: none;
-    border-bottom: 1px solid #ddd;
+    border-bottom: 1px solid #dcdcde;
     border-left: 4px solid #fff;
     border-right: none;
@@ -1897 +1897 @@
     font-size: 14px;
     font-weight: 600;
-    color: #555d66;
+    color: #50575e;
     text-shadow: none;
 }
 
 .control-panel-themes #accordion-section-installed_themes {
-    border-top: 1px solid #ddd;
+    border-top: 1px solid #dcdcde;
 }
 
@@ -1912 +1912 @@
 .control-panel-themes .customize-themes-section-title:focus,
 .control-panel-themes .customize-themes-section-title:hover {
-    border-left-color: #0073aa;
-    color: #0073aa;
-    background: #f5f5f5;
+    border-left-color: #2271b1;
+    color: #2271b1;
+    background: #f6f7f7;
 }
 
@@ -1926 +1926 @@
     height: 18px;
     border-radius: 100%;
-    border: 1px solid #ccc;
+    border: 1px solid #c3c4c7;
     background: #fff;
 }
@@ -1941 +1941 @@
     top: 9px;
     right: 15px;
-    background: #0073aa;
+    background: #2271b1;
     color: #fff;
 }
 
 .control-panel-themes .customize-themes-section-title.selected {
-    color: #0073aa;
+    color: #2271b1;
 }
 
@@ -1980 +1980 @@
     width: 100%;
     margin: 0;
-    border: 1px solid #ddd;
+    border: 1px solid #dcdcde;
     background: #fff;
 }
@@ -2057 +2057 @@
     width: calc(100% - 300px);
     height: 46px;
-    background: #eee;
+    background: #f0f0f1;
     z-index: 10;
     padding: 6px 25px;
     box-sizing: border-box;
-    border-bottom: 1px solid #ddd;
+    border-bottom: 1px solid #dcdcde;
 }
 
@@ -2182 +2182 @@
         top: 0;
         left: 0;
-        background: #eee;
-        color: #444;
+        background: #f0f0f1;
+        color: #3c434a;
         border-radius: 0;
         box-shadow: none;
@@ -2192 +2192 @@
         text-align: left;
         text-shadow: none;
-        border-bottom: 1px solid #ddd;
+        border-bottom: 1px solid #dcdcde;
         border-left: 4px solid transparent;
         margin: 0;
@@ -2208 +2208 @@
         line-height: 2.3;
         padding: 0 8px 0 8px;
-        border-right: 1px solid #ddd;
+        border-right: 1px solid #dcdcde;
     }
 
     .wp-customizer .showing-themes .control-panel-themes .customize-themes-mobile-back:hover,
     .wp-customizer .showing-themes .control-panel-themes .customize-themes-mobile-back:focus {
-        color: #0073aa;
-        background: #f3f3f5;
-        border-left-color: #0073aa;
+        color: #2271b1;
+        background: #f6f7f7;
+        border-left-color: #2271b1;
         box-shadow: none;
         /* Only visible in Windows High Contrast mode */
@@ -2258 +2258 @@
 
 .wp-customizer .theme-overlay .theme-backdrop {
-    background: rgba(238, 238, 238, 0.75);
+    background: rgba(240, 240, 241, 0.75);
     position: fixed;
     z-index: 110;
@@ -2283 +2283 @@
     text-align: right; /* Because there're only one or two actions, match the UI pattern of media modals and right-align the action. */
     padding: 10px 25px;
-    background: #eee;
-    border-top: 1px solid #ddd;
+    background: #f0f0f1;
+    border-top: 1px solid #dcdcde;
 }
 
@@ -2303 +2303 @@
 
 .wp-customizer .theme-header {
-    background: #eee;
+    background: #f0f0f1;
 }
 
 .wp-customizer .theme-overlay .theme-header button,
 .wp-customizer .theme-overlay .theme-header .close:before {
-    color: #444;
+    color: #3c434a;
 }
 
@@ -2318 +2318 @@
 .wp-customizer .theme-overlay .theme-header .left:hover {
     background: #fff;
-    border-bottom: 4px solid #0073aa;
-    color: #0073aa;
+    border-bottom: 4px solid #2271b1;
+    color: #2271b1;
 }
 
 .wp-customizer .theme-overlay .theme-header .close:focus:before,
 .wp-customizer .theme-overlay .theme-header .close:hover:before {
-    color: #0073aa;
+    color: #2271b1;
 }
 
@@ -2332 +2332 @@
     border-bottom: none;
     background: transparent;
-    color: #ccc;
+    color: #c3c4c7;
 }
 
@@ -2354 +2354 @@
     height: auto;
     background: #fff;
-    border: 1px solid #ccd0d4;
+    border: 1px solid #c3c4c7;
     margin: 50px auto 2em;
     padding: 1em 2em;
     max-width: 700px;
     min-width: 0;
-    box-shadow: 0 1px 1px rgba(0, 0, 0, .04);
+    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
 }
 
 body.cheatin h1 {
-    border-bottom: 1px solid #ddd;
+    border-bottom: 1px solid #dcdcde;
     clear: both;
-    color: #555d66;
+    color: #50575e;
     font-size: 24px;
     font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
@@ -2447 +2447 @@
     width: 33px; /* was 42px for mobile */
     height: 43px;
-    color: #82878c;
+    color: #8c8f94;
     text-indent: -9999px;
     cursor: pointer;
@@ -2480 +2480 @@
 .menu-item-reorder-nav button:hover,
 .menu-item-reorder-nav button:focus {
-    color: #191e23;
-    background: #eee;
+    color: #1d2327;
+    background: #f0f0f1;
 }
 
@@ -2500 +2500 @@
 .move-right-disabled .menus-move-right,
 .move-left-disabled .menus-move-left {
-    color: #d5d5d5;
+    color: #dcdcde;
     background-color: #fff;
     cursor: default;
@@ -2521 +2521 @@
 .add-menu-toggle.open,
 .add-menu-toggle.open:hover {
-    background: #eee;
-    border-color: #929793;
-    color: #32373c;
+    background: #f0f0f1;
+    border-color: #8c8f94;
+    color: #2c3338;
     box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5);
 }
@@ -2545 +2545 @@
     margin: 0;
     z-index: 4;
-    background: #eee;
+    background: #f0f0f1;
     transition: left .18s;
-    border-right: 1px solid #ddd;
+    border-right: 1px solid #dcdcde;
 }
 
@@ -2561 +2561 @@
     bottom: 0;
     width: 100%;
-    border-top: 1px solid #ddd;
+    border-top: 1px solid #dcdcde;
 }
 
@@ -2573 +2573 @@
     z-index: 1;
     width: 300px;
-    background: #eee;
+    background: #f0f0f1;
 }
 
@@ -2606 +2606 @@
     line-height: 2.1;
     text-align: center;
-    color: #72777c;
+    color: #787c82;
 }
 
@@ -2620 +2620 @@
     cursor: pointer;
     background: none;
-    color: #a00;
+    color: #d63638;
     text-decoration: none;
     outline: 0;
@@ -2649 +2649 @@
 #available-menu-items-search .clear-results:hover,
 #available-menu-items-search .clear-results:focus {
-    color: #dc3232;
+    color: #d63638;
 }
 
@@ -2655 +2655 @@
 #available-menu-items-search .clear-results:focus {
     box-shadow:
-        0 0 0 1px #5b9dd9,
-        0 0 2px 1px rgba(30, 140, 190, 0.8);
+        0 0 0 1px #4f94d4,
+        0 0 2px 1px rgba(79, 148, 212, 0.8);
 }
 
@@ -2674 +2674 @@
     left: 26px;
     z-index: 1;
-    color: #72777c;
+    color: #787c82;
     height: 30px;
     width: 30px;
@@ -2706 +2706 @@
     padding: 15px 15px 15px 60px;
     background: #fff;
-    border-bottom: 1px solid #ddd;
+    border-bottom: 1px solid #dcdcde;
     border-left: 4px solid #fff;
     transition:
@@ -2825 +2825 @@
         margin: 0;
         height: 45px;
-        background: #eee;
+        background: #f0f0f1;
         border: 0;
-        border-right: 1px solid #ddd;
-        color: #555d66;
+        border-right: 1px solid #dcdcde;
+        color: #50575e;
         cursor: pointer;
         transition: color .1s ease-in-out, background .1s ease-in-out;
@@ -2903 +2903 @@
         margin: 0;
         line-height: 24px;
-        color: #555d66;
+        color: #50575e;
         display: block;
         overflow: hidden;

trunk/src/wp-admin/css/customize-nav-menus.css

@@ -5 +5 @@
 
 #customize-theme-controls #accordion-section-menu_locations > .accordion-section-title {
-    border-bottom-color: #ddd;
+    border-bottom-color: #dcdcde;
     margin-top: 15px;
 }
@@ -30 +30 @@
 #customize-controls .control-section .accordion-section-title:focus .menu-in-location,
 #customize-controls .control-section .accordion-section-title:hover .menu-in-location {
-    color: #555;
+    color: #50575e;
 }
 
@@ -85 +85 @@
 
 .customize-control-nav_menu_item.has-notifications .menu-item-handle {
-    border-left: 4px solid #00a0d2;
+    border-left: 4px solid #72aee6;
 }
 
@@ -93 +93 @@
     z-index: 8;
     padding: 10px;
-    background: #eee;
-    border: 1px solid #999;
+    background: #f0f0f1;
+    border: 1px solid #8c8f94;
     border-top: none;
 }
@@ -195 +195 @@
 
 .wp-customizer .menu-settings .menu-theme-locations {
-    border-top: 1px solid #ccc;
+    border-top: 1px solid #c3c4c7;
 }
 
@@ -210 +210 @@
 .wp-customizer .control-section-nav_menu .menu-location-settings {
     margin-top: 24px;
-    border-top: 1px solid #ddd;
+    border-top: 1px solid #dcdcde;
 }
 
@@ -235 +235 @@
 
 #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle {
-    color: #555;
+    color: #50575e;
 }
 
@@ -242 +242 @@
     background: none;
     border: none;
-    color: #555;
+    color: #50575e;
     cursor: pointer;
     margin: 0;
@@ -266 +266 @@
 #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,
 #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus {
-    color: #0073aa;
+    color: #2271b1;
 }
 
@@ -298 +298 @@
     display: none;
     background: #fff;
-    border-top: 1px solid #ddd;
+    border-top: 1px solid #dcdcde;
     padding: 4px 15px 15px;
 }
@@ -326 +326 @@
     speak: never;
     border-radius: 50%;
-    color: #72777c;
+    color: #787c82;
     font: normal 20px/1 dashicons;
     -webkit-font-smoothing: antialiased;
@@ -432 +432 @@
     float: left;
     display: list-item;
-    border-color: #a0a5aa;
+    border-color: #a7aaad;
 }
 
@@ -457 +457 @@
 
 .menu-item-bar .item-delete {
-    color: #a00;
+    color: #d63638;
     position: absolute;
     top: 2px;
@@ -482 +482 @@
     box-shadow: none;
     outline: none;
-    color: #dc3232;
+    color: #d63638;
 }
 
@@ -519 +519 @@
 #available-menu-items .open .accordion-section-title,
 #available-menu-items #available-menu-items-search .accordion-section-title {
-    background: #eee;
+    background: #f0f0f1;
 }
 
@@ -530 +530 @@
 #available-menu-items .button-link:hover .toggle-indicator:before,
 #available-menu-items .button-link:focus .toggle-indicator:before {
-    color: #23282d;
+    color: #1d2327;
 }
 
 #available-menu-items .open .accordion-section-title .toggle-indicator:before {
     content: "\f142";
-    color: #23282d;
+    color: #1d2327;
 }
 
@@ -569 +569 @@
 #available-menu-items .cannot-expand .accordion-section-title .no-items {
     float: right;
-    color: #555d66;
+    color: #50575e;
     font-weight: 400;
     margin-left: 5px;
@@ -606 +606 @@
 #available-menu-items .new-content-item .create-item-input.invalid,
 #available-menu-items .new-content-item .create-item-input.invalid:focus {
-    border: 1px solid #dc3232;
+    border: 1px solid #d63638;
 }
 
@@ -639 +639 @@
     top: 1px;
     left: 1px;
-    color: #82878c;
+    color: #8c8f94;
     width: 30px;
     height: 38px;
@@ -649 +649 @@
 
 #available-menu-items .menu-item-handle .item-add:focus {
-    color: #23282d;
+    color: #1d2327;
 }
 
@@ -667 +667 @@
 #available-menu-items .menu-item-handle.item-added:hover .item-add,
 #available-menu-items .menu-item-handle.item-added .item-add:focus {
-    color: #82878c;
+    color: #8c8f94;
 }
 
@@ -762 +762 @@
     opacity: .5;
     background: #fff;
-    color: #727773;
+    color: #787c82;
 }
 
@@ -774 +774 @@
 
 #customize-theme-controls .control-panel-content .control-section-nav_menu:nth-last-child(2) .accordion-section-title {
-    border-bottom-color: #ddd;
+    border-bottom-color: #dcdcde;
 }
 
@@ -828 +828 @@
     position: relative;
     z-index: 10;
-    color: #0073aa;
+    color: #2271b1;
 }
 
@@ -834 +834 @@
 .menu-item-handle:hover .item-edit,
 #available-menu-items .menu-item-handle:hover .item-add {
-    color: #0073aa;
+    color: #2271b1;
 }
 
 .menu-item-edit-active .menu-item-handle {
-    border-color: #999;
+    border-color: #8c8f94;
     border-bottom: none;
 }
@@ -867 +867 @@
 #available-menu-items .item-add:focus:before {
     box-shadow:
-        0 0 0 1px #5b9dd9,
-        0 0 2px 1px rgba(30, 140, 190, 0.8);
+        0 0 0 1px #4f94d4,
+        0 0 2px 1px rgba(79, 148, 212, 0.8);
 }
 

trunk/src/wp-admin/css/customize-widgets.css

@@ -26 +26 @@
 
 .customize-control .widget-action {
-    color: #72777c;
+    color: #787c82;
 }
 
 .customize-control .widget-top:hover .widget-action,
 .customize-control .widget-action:focus {
-    color: #23282d;
+    color: #1d2327;
 }
 
@@ -67 +67 @@
     left: 299px;
     top: 25%;
-    border: 1px solid rgb(229, 229, 229);
+    border: 1px solid #dcdcde;
     overflow: auto;
 }
@@ -79 +79 @@
 .customize-control-widget_form.wide-widget-control.expanding .widget-top,
 .customize-control-widget_form.wide-widget-control.expanded:not(.collapsing) .widget-top {
-    background-color: rgb(227, 227, 227);
+    background-color: #dcdcde;
 }
 
@@ -112 +112 @@
 .customize-control-widget_form.highlighted {
     outline: none;
-    box-shadow: 0 0 2px rgba(30, 140, 190, 0.8);
+    box-shadow: 0 0 2px rgba(79, 148, 212, 0.8);
     position: relative;
     z-index: 1;
@@ -128 +128 @@
     display: none;
     float: right;
-    background-color: #fafafa;
+    background-color: #f6f7f7;
 }
 
@@ -138 +138 @@
     display: none;
     background: #fff;
-    border: 1px solid #ddd;
+    border: 1px solid #dcdcde;
     border-top: none;
     cursor: auto;
@@ -163 +163 @@
     margin: 0;
     padding: 13px 15px 15px 42px;
-    color: #555;
-    border-top: 1px solid #eee;
+    color: #50575e;
+    border-top: 1px solid #f0f0f1;
     cursor: pointer;
     -webkit-user-select: none;
@@ -183 +183 @@
 
 #customize-theme-controls .widget-area-select li:last-child {
-    border-bottom: 1px solid #eee;
+    border-bottom: 1px solid #f0f0f1;
 }
 
@@ -189 +189 @@
     color: #fff;
     text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
-    background: #00a0d2;
+    background: #72aee6;
 }
 
@@ -245 +245 @@
 #available-widgets .widget-tpl:hover,
 #available-widgets .widget-tpl.selected {
-    background: #f3f3f5;
-    border-bottom-color: #ccc;
-    color: #0073aa;
-    border-left: 4px solid #0073aa;
+    background: #f6f7f7;
+    border-bottom-color: #c3c4c7;
+    color: #2271b1;
+    border-left: 4px solid #2271b1;
 }
 
@@ -262 +262 @@
 #available-widgets .widget .widget-description {
     padding: 0;
-    color: #72777c;
+    color: #787c82;
 }
 
@@ -301 +301 @@
     width: 20px;
     height: 20px;
-    color: #32373c;
+    color: #2c3338;
     font: normal 20px/1 dashicons;
     text-align: center;

trunk/src/wp-admin/css/dashboard.css

@@ -56 +56 @@
 
 #dashboard-widgets .postbox-container .empty-container {
-    outline: 3px dashed #b4b9be;
+    outline: 3px dashed #c3c4c7;
     height: 250px;
 }
@@ -62 +62 @@
 /* Only highlight drop zones when dragging and only in the 2 columns layout. */
 .is-dragging-metaboxes #dashboard-widgets .meta-box-sortables {
-    outline: 3px dashed #606a73;
+    outline: 3px dashed #646970;
     /* Prevent margin on the child from collapsing with margin on the parent. */
     display: flow-root;
@@ -77 +77 @@
     padding: 0 2em;
     text-align: center;
-    color: #606a73;
+    color: #646970;
     font-size: 16px;
     line-height: 1.5;
@@ -117 +117 @@
     margin: 16px 0;
     padding: 23px 10px 0;
-    border: 1px solid #ccd0d4;
+    border: 1px solid #c3c4c7;
     box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
     background: #fff;
@@ -141 +141 @@
 
 .welcome-panel p {
-    color: #72777c;
+    color: #787c82;
 }
 
@@ -204 +204 @@
 .welcome-panel-column p {
     margin-top: 7px;
-    color: #444;
+    color: #3c434a;
 }
 
@@ -231 +231 @@
 #dashboard_right_now li span:before,
 #dashboard_right_now .search-engines-info:before {
-    color: #606a73;
+    color: #646970;
     font: normal 20px/1 dashicons;
     speak: never;
@@ -377 +377 @@
 
 .community-events li.event-none {
-    border-left: 4px solid #00a0d2;
+    border-left: 4px solid #72aee6;
 }
 
@@ -415 +415 @@
 
 .community-events ul {
-    background-color: #fafafa;
+    background-color: #f6f7f7;
     padding-left: 0;
     padding-right: 0;
@@ -424 +424 @@
     margin: 0;
     padding: 8px 12px;
-    color: #32373c;
+    color: #2c3338;
 }
 .community-events li:first-child {
-    border-top: 1px solid #eee;
+    border-top: 1px solid #f0f0f1;
 }
 
 .community-events li ~ li {
-    border-top: 1px solid #eee;
+    border-top: 1px solid #f0f0f1;
 }
 
 .community-events .activity-block.last {
-    border-bottom: 1px solid #eee;
+    border-bottom: 1px solid #f0f0f1;
     padding-top: 0;
     margin-top: -1px;
@@ -452 +452 @@
 
 .event-icon:before {
-    color: #606a73;
+    color: #646970;
     font-size: 18px;
 }
@@ -476 +476 @@
     margin-bottom: 0;
     padding: 12px;
-    border-top: 1px solid #eee;
-    color: #ddd;
+    border-top: 1px solid #f0f0f1;
+    color: #dcdcde;
 }
 
@@ -513 +513 @@
 
 .rssSummary {
-    color: #72777c;
+    color: #787c82;
     margin-top: 4px;
 }
@@ -533 +533 @@
 #dashboard_primary .rss-widget span,
 #dashboard_primary .rss-widget span.rss-date {
-    color: #72777c;
+    color: #787c82;
 }
 
@@ -597 +597 @@
 
 #dashboard_right_now .sub {
-    color: #555d66;
-    background: #f5f5f5;
-    border-top: 1px solid #eee;
+    color: #50575e;
+    background: #f6f7f7;
+    border-top: 1px solid #f0f0f1;
     padding: 10px 12px 6px 12px;
 }
 
 #dashboard_right_now .sub h3 {
-    color: #555;
+    color: #50575e;
 }
 
@@ -613 +613 @@
 #dashboard_right_now .warning a:before,
 #dashboard_right_now .warning span:before {
-    color: #d54e21;
+    color: #d63638;
 }
 
@@ -625 +625 @@
 #dashboard_quick_press div.updated {
     margin-bottom: 10px;
-    border: 1px solid #eee;
+    border: 1px solid #f0f0f1;
     border-width: 1px 1px 1px 0;
 }
@@ -670 +670 @@
 
 .js #dashboard_quick_press .drafts {
-    border-top: 1px solid #eee;
+    border-top: 1px solid #f0f0f1;
 }
 
@@ -694 +694 @@
 }
 #dashboard_quick_press .drafts li time {
-    color: #72777c;
+    color: #787c82;
 }
 
@@ -720 +720 @@
     font-size: 14px;
     font-weight: 400;
-    color: #23282d;
+    color: #1d2327;
 }
 
@@ -757 +757 @@
 
 #dashboard_activity .no-activity p {
-    color: #72777c;
+    color: #787c82;
     font-size: 16px;
 }
@@ -763 +763 @@
 #dashboard_activity .subsubsub {
     float: none;
-    border-top: 1px solid #eee;
+    border-top: 1px solid #f0f0f1;
     margin: 0 -12px;
     padding: 8px 12px 4px;
@@ -770 +770 @@
 #dashboard_activity .subsubsub a .count,
 #dashboard_activity .subsubsub a.current .count {
-    color: #72777c; /* white background on the dashboard but #f1f1f1 on list tables */
+    color: #787c82; /* white background on the dashboard but #f1f1f1 on list tables */
 }
 
@@ -789 +789 @@
     margin-right: 5px;
     min-width: 150px;
-    color: #72777c;
+    color: #787c82;
 }
 
 .activity-block {
-    border-bottom: 1px solid #eee;
+    border-bottom: 1px solid #f0f0f1;
     margin: 0 -12px;
     padding: 8px 12px 4px;
@@ -803 +803 @@
 
 .activity-block .subsubsub li {
-    color: #ddd;
+    color: #dcdcde;
 }
 
@@ -817 +817 @@
 
 #activity-widget #the-comment-list .comment-item {
-    background: #fafafa;
+    background: #f6f7f7;
     padding: 12px;
     position: relative;
@@ -840 +840 @@
 
 #activity-widget #the-comment-list .comment-item:first-child {
-    border-top: 1px solid #eeeeee;
+    border-top: 1px solid #f0f0f1;
 }
 
 #activity-widget #the-comment-list .unapproved {
-    background-color: #fef7f1;
+    background-color: #fcf9e8;
 }
 
@@ -854 +854 @@
     top: 0;
     bottom: 0;
-    background: #d54e21;
+    background: #d63638;
     width: 4px;
 }
@@ -956 +956 @@
     line-height: 1.5;
     margin: 0;
-    color: #666;
+    color: #646970;
 }
 
@@ -996 +996 @@
 
 .rss-widget span.rss-date {
-    color: #72777c;
+    color: #787c82;
     font-size: 13px;
     margin-left: 3px;
@@ -1035 +1035 @@
 
 #dashboard_browser_nag.postbox.browser-insecure {
-    background-color: #ac1b1b;
-    border-color: #ac1b1b;
+    background-color: #b32d2e;
+    border-color: #b32d2e;
 }
 
 #dashboard_browser_nag.postbox {
-    background-color: #e29808;
+    background-color: #dba617;
     background-image: none;
-    border-color: #edc048;
+    border-color: #f0c33c;
     color: #fff;
     box-shadow: none;
@@ -1048 +1048 @@
 
 #dashboard_browser_nag.postbox.browser-insecure h2 {
-    border-bottom-color: #cd5a5a;
+    border-bottom-color: #e65054;
     color: #fff;
 }
 
 #dashboard_browser_nag.postbox h2 {
-    border-bottom-color: #f6e2ac;
+    border-bottom-color: #f5e6ab;
     background: transparent none;
     color: #fff;
@@ -1082 +1082 @@
 /* PHP Nag */
 #dashboard_php_nag .dashicons-warning {
-    color: #ffb900;
+    color: #dba617;
     padding-right: 6px;
 }
 
 #dashboard_php_nag.php-insecure .dashicons-warning {
-    color: #df3232;
+    color: #d63638;
 }
 

trunk/src/wp-admin/css/deprecated-media.css

@@ -6 +6 @@
     font-weight: 600;
     position: relative;
-    border-bottom: 1px solid #ddd;
-    background: #f9f9f9;
+    border-bottom: 1px solid #dcdcde;
+    background: #f6f7f7;
 }
 
@@ -28 +28 @@
     float: left;
     line-height: 28px;
-    border-top: 1px solid #f9f9f9;
-    border-bottom: 1px solid #ddd;
-    background-color: #f9f9f9;
+    border-top: 1px solid #f6f7f7;
+    border-bottom: 1px solid #dcdcde;
+    background-color: #f6f7f7;
     text-decoration: none;
     transition: none;
@@ -49 +49 @@
     padding-left: 6px;
     padding-right: 6px;
-    border: 1px solid #ddd;
-    border-bottom-color: #f1f1f1;
-    background-color: #f1f1f1;
+    border: 1px solid #dcdcde;
+    border-bottom-color: #f0f0f1;
+    background-color: #f0f0f1;
     color: #000;
 }
@@ -62 +62 @@
 
 #media-upload .slidetoggle {
-    border-top-color: #ddd;
+    border-top-color: #dcdcde;
 }
 
@@ -71 +71 @@
 .media-upload-form label.form-help,
 td.help {
-    color: #72777c;
+    color: #787c82;
 }
 
@@ -219 +219 @@
 #media-upload .tablenav-pages a {
     min-width: 17px;
-    border: 1px solid #ccc;
-    background: #f7f7f7;
+    border: 1px solid #c3c4c7;
+    background: #f6f7f7;
 }
 
@@ -243 +243 @@
 
 .menu_order_input {
-    border: 1px solid #ddd;
+    border: 1px solid #dcdcde;
     font-size: 10px;
     padding: 1px;
@@ -251 +251 @@
 .ui-sortable-helper {
     background-color: #fff;
-    border: 1px solid #a0a5aa;
+    border: 1px solid #a7aaad;
     opacity: 0.6;
     filter: alpha(opacity=60);
@@ -292 +292 @@
     padding: 0 0 3px;
     font-size: 1.6em;
-    border-bottom: 1px solid #ddd;
+    border-bottom: 1px solid #dcdcde;
 }
 
@@ -300 +300 @@
 
 h4.media-sub-title {
-    border-bottom: 1px solid #ddd;
+    border-bottom: 1px solid #dcdcde;
     font-size: 1.3em;
     margin: 12px;
@@ -311 +311 @@
     font-family: Georgia,"Times New Roman",Times,serif;
     font-weight: 400;
-    color: #5A5A5A;
+    color: #50575e;
 }
 
@@ -344 +344 @@
 #gallery-settings legend {
     font-size: 13px;
-    color: #444;
+    color: #3c434a;
     margin-right: 15px;
 }
@@ -353 +353 @@
 
 #gallery-settings p.ml-submit {
-    border-top: 1px solid #ddd;
+    border-top: 1px solid #dcdcde;
 }
 

trunk/src/wp-admin/css/edit.css

@@ -69 +69 @@
 
 #titlediv #title-prompt-text {
-    color: #72777c;
+    color: #787c82;
     position: absolute;
     font-size: 1.7em;
@@ -95 +95 @@
     margin-top: 5px;
     padding: 0 10px;
-    color: #666;
+    color: #646970;
 }
 
@@ -151 +151 @@
 /* Only highlight drop zones when dragging and only in the 2 columns layout. */
 .is-dragging-metaboxes .metabox-holder .postbox-container .meta-box-sortables {
-    outline: 3px dashed #606a73;
+    outline: 3px dashed #646970;
     /* Prevent margin on the child from collapsing with margin on the parent. */
     display: flow-root;
@@ -167 +167 @@
     position: relative;
     min-width: 255px;
-    border: 1px solid #ccd0d4;
+    border: 1px solid #c3c4c7;
     box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
     background: #fff;
@@ -219 +219 @@
 #post-body ul.category-tabs li.tabs a,
 #post-body ul.add-menu-item-tabs li.tabs a {
-    color: #32373c;
+    color: #2c3338;
 }
 
@@ -271 +271 @@
 ul.add-menu-item-tabs li.tabs,
 .wp-tab-active {
-    border: 1px solid #ddd;
-    border-bottom-color: #fdfdfd;
-    background-color: #fdfdfd;
+    border: 1px solid #dcdcde;
+    border-bottom-color: #fff;
+    background-color: #fff;
 }
 
@@ -292 +292 @@
     width: auto;
     vertical-align: top;
-    background-image: linear-gradient(45deg, #c4c4c4 25%, transparent 25%, transparent 75%, #c4c4c4 75%, #c4c4c4), linear-gradient(45deg, #c4c4c4 25%, transparent 25%, transparent 75%, #c4c4c4 75%, #c4c4c4);
+    background-image: linear-gradient(45deg, #c3c4c7 25%, transparent 25%, transparent 75%, #c3c4c7 75%, #c3c4c7), linear-gradient(45deg, #c3c4c7 25%, transparent 25%, transparent 75%, #c3c4c7 75%, #c3c4c7);
     background-position: 0 0, 10px 10px;
     background-size: 20px 20px;
@@ -323 +323 @@
     width: 100%;
     border-spacing: 0;
-    border: 1px solid #ccd0d4;
+    border: 1px solid #c3c4c7;
     border-top: none;
-    background-color: #f7f7f7;
+    background-color: #f6f7f7;
     box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
     z-index: 999;
@@ -374 +374 @@
 .wp-editor-expand #wp-content-editor-tools {
     z-index: 1000;
-    border-bottom: 1px solid #ccd0d4;
+    border-bottom: 1px solid #c3c4c7;
 }
 
@@ -391 +391 @@
 
 .wp-editor-expand #post-status-info {
-    border-top: 1px solid #ccd0d4;
+    border-top: 1px solid #c3c4c7;
 }
 
@@ -423 +423 @@
 
 #wp-content-editor-tools {
-    background-color: #f1f1f1;
+    background-color: #f0f0f1;
     padding-top: 20px;
 }
@@ -465 +465 @@
 #post-body .misc-pub-response-to:before,
 #post-body .misc-pub-comment-status:before {
-    color: #82878c;
+    color: #8c8f94;
 }
 
@@ -648 +648 @@
 
 #poststuff .stuffbox > h2 {
-    border-bottom: 1px solid #eee;
+    border-bottom: 1px solid #f0f0f1;
 }
 
@@ -714 +714 @@
     margin: 0;
     padding: 0.7em 1em;
-    border-bottom: 1px solid #eee;
+    border-bottom: 1px solid #f0f0f1;
 }
 
@@ -732 +732 @@
 .privacy-text-section {
     position: relative;
-    border-top: 1px solid #e3e3e3;
+    border-top: 1px solid #dcdcde;
 }
 
@@ -741 +741 @@
 
 .text-removed .policy-text {
-    color: #666;
+    color: #646970;
     font-weight: 300;
     padding-left: 1em;
-    border-left: 3px solid #ffb900;
+    border-left: 3px solid #dba617;
 }
 
@@ -753 +753 @@
 .text-removed .policy-text h5,
 .text-removed .policy-text h6 {
-    color: #39424a;
+    color: #3c434a;
     font-weight: 500;
 }
@@ -767 +767 @@
 .privacy-text-actions .success {
     display: none;
-    color: #40860a;
+    color: #008a20;
     float: right;
     padding-right: 1em;
@@ -854 +854 @@
 #postcustomstuff thead th {
     padding: 5px 8px 8px;
-    background-color: #f1f1f1;
+    background-color: #f0f0f1;
 }
 
@@ -881 +881 @@
     margin: 0;
     width: 100%;
-    border: 1px solid #ddd;
+    border: 1px solid #dcdcde;
     border-spacing: 0;
-    background-color: #f9f9f9;
+    background-color: #f6f7f7;
 }
 
@@ -976 +976 @@
     margin-top: -4px;
     margin-right: 7px;
-    color: #ddd;
+    color: #dcdcde;
     font: normal 20px/1 dashicons;
     speak: never;
@@ -984 +984 @@
 
 a.post-format-icon:hover:before {
-    color: #006799;
+    color: #135e96;
 }
 
@@ -1070 +1070 @@
     overflow: auto;
     padding: 0 0.9em;
-    border: solid 1px #ddd;
-    background-color: #fdfdfd;
+    border: solid 1px #dcdcde;
+    background-color: #fff;
 }
 
@@ -1083 +1083 @@
 
 div.tabs-panel-active:focus {
-    box-shadow: inset 0 0 0 1px #5b9dd9, inset 0 0 2px 1px rgba(30, 140, 190, 0.8);
+    box-shadow: inset 0 0 0 1px #4f94d4, inset 0 0 2px 1px rgba(79, 148, 212, 0.8);
     outline: 0 none;
 }
@@ -1139 +1139 @@
 .form-wrap p {
     margin: 2px 0 5px;
-    color: #666;
+    color: #646970;
 }
 
@@ -1227 +1227 @@
     margin: 5px 0 10px;
     padding: 8px;
-    border: 1px solid #ddd;
+    border: 1px solid #dcdcde;
     line-height: 1.2;
     word-spacing: 3px;
@@ -1248 +1248 @@
     position: absolute;
     z-index: 10000;
-    border: 1px solid #5b9dd9;
+    border: 1px solid #4f94d4;
     background-color: #fff;
 }
@@ -1265 +1265 @@
 .ac_results .ac_over,
 .ac_over .ac_match {
-    background-color: #0073aa;
+    background-color: #2271b1;
     color: #fff;
     cursor: pointer;
@@ -1307 +1307 @@
     display: inline-block;
     padding: 0 4px;
-    color: #72777C;
+    color: #787c82;
     font-size: 13px;
     word-break: break-all;

trunk/src/wp-admin/css/forms.css

@@ -54 +54 @@
     box-shadow: 0 0 0 transparent;
     border-radius: 4px;
-    border: 1px solid #7e8993;
+    border: 1px solid #8c8f94;
     background-color: #fff;
-    color: #32373c;
+    color: #2c3338;
 }
 
@@ -102 +102 @@
 select:focus,
 textarea:focus {
-    border-color: #007cba;
-    box-shadow: 0 0 0 1px #007cba;
+    border-color: #3582c4;
+    box-shadow: 0 0 0 1px #3582c4;
     /* Only visible in Windows High Contrast mode */
     outline: 2px solid transparent;
@@ -116 +116 @@
 input[type="checkbox"],
 input[type="radio"] {
-    border: 1px solid #7e8993;
+    border: 1px solid #8c8f94;
     border-radius: 4px;
     background: #fff;
-    color: #555;
+    color: #50575e;
     clear: none;
     cursor: pointer;
@@ -138 +138 @@
 
 input[type="radio"]:checked + label:before {
-    color: #82878c;
+    color: #8c8f94;
 }
 
 .wp-core-ui input[type="reset"]:hover,
 .wp-core-ui input[type="reset"]:active {
-    color: #006799;
+    color: #135e96;
 }
 
@@ -192 +192 @@
     height: 0.5rem; /* 8px */
     margin: 0.1875rem; /* 3px */
-    background-color: #1e8cbe;
+    background-color: #4f94d4;
     /* 16px not sure if still necessary, comes from the MP6 redesign in r26072 */
     line-height: 1.14285714;
@@ -223 +223 @@
 textarea.readonly,
 textarea[readonly] {
-    background-color: #eee;
+    background-color: #f0f0f1;
 }
 
 ::-webkit-input-placeholder {
-    color: #72777c;
+    color: #787c82;
 }
 
 ::-moz-placeholder {
-    color: #72777c;
+    color: #787c82;
     opacity: 1;
 }
 
 :-ms-input-placeholder {
-    color: #72777c;
+    color: #787c82;
 }
 
@@ -245 +245 @@
 .form-invalid.form-required select,
 .form-invalid.form-required select:focus {
-    border-color: #dc3232 !important;
-    box-shadow: 0 0 2px rgba(204, 0, 0, 0.8);
+    border-color: #d63638 !important;
+    box-shadow: 0 0 2px rgba(214, 54, 56, 0.8);
 }
 
@@ -252 +252 @@
     content: "\f534";
     font: normal 20px/1 dashicons;
-    color: #dc3232;
+    color: #d63638;
     margin-left: -25px;
     vertical-align: middle;
@@ -265 +265 @@
     content: "\f534";
     font: normal 20px/1 dashicons;
-    color: #dc3232;
+    color: #d63638;
     margin: 0 6px 0 -29px;
     vertical-align: middle;
@@ -271 +271 @@
 
 .form-input-tip {
-    color: #666;
+    color: #646970;
 }
 
@@ -281 +281 @@
 textarea.disabled {
     background: rgba(255, 255, 255, 0.5);
-    border-color: rgba(222, 222, 222, 0.75);
+    border-color: rgba(220, 220, 222, 0.75);
     box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.04);
-    color: rgba(51, 51, 51, 0.5);
+    color: rgba(44, 51, 56, 0.5);
 }
 
@@ -314 +314 @@
     font-size: 14px;
     line-height: 2; /* 28px */
-    color: #32373c;
-    border-color: #7e8993;
+    color: #2c3338;
+    border-color: #8c8f94;
     box-shadow: none;
     border-radius: 3px;
@@ -330 +330 @@
 
 .wp-core-ui select:hover {
-    color: #007cba;
+    color: #3582c4;
 }
 
 .wp-core-ui select:focus {
-    border-color: #007cba;
-    color: #016087;
-    box-shadow: 0 0 0 1px #007cba;
+    border-color: #3582c4;
+    color: #0a4b78;
+    box-shadow: 0 0 0 1px #3582c4;
 }
 
 .wp-core-ui select:active {
-    border-color: #999;
+    border-color: #8c8f94;
     box-shadow: none;
 }
@@ -346 +346 @@
 .wp-core-ui select.disabled,
 .wp-core-ui select:disabled {
-    color: #a0a5aa;
-    border-color: #ddd;
-    background-color: #f7f7f7;
+    color: #a7aaad;
+    border-color: #dcdcde;
+    background-color: #f6f7f7;
     /* The SVG is arrow-down-alt2 from Dashicons. */
     background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23a0a5aa%22%2F%3E%3C%2Fsvg%3E');
@@ -361 +361 @@
 .wp-core-ui select:-moz-focusring {
     color: transparent;
-    text-shadow: 0 0 0 #016087;
+    text-shadow: 0 0 0 #0a4b78;
 }
 
@@ -367 +367 @@
 .wp-core-ui select::-ms-value {
     background: transparent;
-    color: #555;
+    color: #50575e;
 }
 
 .wp-core-ui select:hover::-ms-value {
-    color: #007cba;
+    color: #3582c4;
 }
 
 .wp-core-ui select:focus::-ms-value {
-    color: #016087;
+    color: #0a4b78;
 }
 
 .wp-core-ui select.disabled::-ms-value,
 .wp-core-ui select:disabled::-ms-value {
-    color: #a0a5aa;
+    color: #a7aaad;
 }
 
@@ -559 +559 @@
 
 #pass-strength-result {
-    background-color: #eee;
-    border: 1px solid #ddd;
-    color: #23282d;
+    background-color: #f0f0f1;
+    border: 1px solid #dcdcde;
+    color: #1d2327;
     margin: -1px 1px 5px;
     padding: 3px 5px;
@@ -571 +571 @@
 
 #pass-strength-result.short {
-    background-color: #f1adad;
-    border-color: #e35b5b;
+    background-color: #ffabaf;
+    border-color: #e65054;
     opacity: 1;
 }
 
 #pass-strength-result.bad {
-    background-color: #fbc5a9;
-    border-color: #f78b53;
+    background-color: #facfd2;
+    border-color: #f86368;
     opacity: 1;
 }
 
 #pass-strength-result.good {
-    background-color: #ffe399;
-    border-color: #ffc733;
+    background-color: #f5e6ab;
+    border-color: #f0c33c;
     opacity: 1;
 }
 
 #pass-strength-result.strong {
-    background-color: #c1e1b9;
-    border-color: #83c373;
+    background-color: #b8e6bf;
+    border-color: #68de7c;
     opacity: 1;
 }
 
 #pass1.short, #pass1-text.short {
-    border-color: #e35b5b;
+    border-color: #e65054;
 }
 
 #pass1.bad, #pass1-text.bad {
-    border-color: #f78b53;
+    border-color: #f86368;
 }
 
 #pass1.good, #pass1-text.good {
-    border-color: #ffc733;
+    border-color: #f0c33c;
 }
 
 #pass1.strong, #pass1-text.strong {
-    border-color: #83c373;
+    border-color: #68de7c;
 }
 
@@ -686 +686 @@
     position: absolute;
     z-index: 10000;
-    border: 1px solid #5b9dd9;
-    box-shadow: 0 1px 2px rgba(30, 140, 190, 0.8);
+    border: 1px solid #4f94d4;
+    box-shadow: 0 1px 2px rgba(79, 148, 212, 0.8);
     background-color: #fff;
 }
@@ -701 +701 @@
 /* Colors for the wplink toolbar autocomplete. */
 .ui-autocomplete .ui-state-focus {
-    background-color: #ddd;
+    background-color: #dcdcde;
 }
 
 /* Colors for the tags autocomplete. */
 .wp-tags-autocomplete .ui-state-focus {
-    background-color: #0073aa;
+    background-color: #2271b1;
     color: #fff;
 }
@@ -737 +737 @@
 .form-table th,
 .form-wrap label {
-    color: #23282d;
+    color: #1d2327;
     font-weight: 400;
     text-shadow: none;
@@ -844 +844 @@
 .color-option:hover,
 .color-option.selected {
-    background: #ddd;
+    background: #dcdcde;
 }
 
@@ -924 +924 @@
     min-width: 255px;
     max-width: 520px;
-    border: 1px solid #ccd0d4;
+    border: 1px solid #c3c4c7;
     box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
     background: #fff;
@@ -959 +959 @@
     position: relative;
     cursor: move;
-    color: #32373c;
-    background: #e5e5e5;
+    color: #2c3338;
+    background: #dcdcde;
     border-radius: 5px;
-    border: 1px solid #b4b9be;
+    border: 1px solid #c3c4c7;
     font-style: normal;
     line-height: 16px;
@@ -998 +998 @@
 
 .pressthis-bookmarklet span:before {
-    color: #72777c;
+    color: #787c82;
     font: normal 20px/1 dashicons;
     content: "\f157";
@@ -1024 +1024 @@
 .pressthis-js-toggle .dashicons {
     margin: 5px 8px 6px 7px;
-    color: #555d66;
+    color: #50575e;
 }
 
@@ -1201 +1201 @@
 
 .request-filesystem-credentials-dialog .ftp-password em {
-    color: #888;
+    color: #8c8f94;
 }
 
@@ -1263 +1263 @@
 
 .privacy_requests .row-actions {
-    color: #72777c;
+    color: #787c82;
 }
 
@@ -1294 +1294 @@
 .privacy_requests .status-request-confirmed th,
 .privacy_requests .status-request-confirmed td {
-    background-color: #f7fcfe;
-    border-left-color: #00a0d2;
+    background-color: #fff;
+    border-left-color: #72aee6;
 }
 
 .privacy_requests .status-request-failed th,
 .privacy_requests .status-request-failed td {
-    background-color: #fef7f1;
-    border-left-color: #d64d21;
+    background-color: #f6f7f7;
+    border-left-color: #d63638;
 }
 
@@ -1315 +1315 @@
     font-weight: 400;
     font-style: italic;
-    color: #6c7781;
+    color: #787c82;
 }
 
 .status-label.status-request-failed {
-    color: #aa0000;
+    color: #d63638;
     font-weight: 600;
 }
@@ -1353 +1353 @@
 
 .email-personal-data--sending::before {
-    color: #f56e28;
+    color: #d63638;
     content: "\f463";
     animation: rotation 2s infinite linear;
@@ -1359 +1359 @@
 
 .email-personal-data--sent::before {
-    color: #79ba49;
+    color: #68de7c;
     content: "\f147";
 }

trunk/src/wp-admin/css/install.css

@@ -1 +1 @@
 html {
-    background: #f1f1f1;
+    background: #f0f0f1;
     margin: 0 20px;
 }
@@ -6 +6 @@
 body {
     background: #fff;
-    border: 1px solid #ccd0d4;
-    color: #444;
+    border: 1px solid #c3c4c7;
+    color: #3c434a;
     font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     margin: 140px auto 25px;
@@ -13 +13 @@
     max-width: 700px;
     -webkit-font-smoothing: subpixel-antialiased;
-    box-shadow: 0 1px 1px rgba(0, 0, 0, .04);
+    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
 }
 
 a {
-    color: #0073aa;
+    color: #2271b1;
 }
 
 a:hover,
 a:active {
-    color: #006799;
+    color: #135e96;
 }
 
 a:focus {
-    color: #124964;
+    color: #043959;
     box-shadow:
-        0 0 0 1px #5b9dd9,
-        0 0 2px 1px rgba(30, 140, 190, 0.8);
+        0 0 0 1px #4f94d4,
+        0 0 2px 1px rgba(79, 148, 212, 0.8);
 }
 
 h1, h2 {
-    border-bottom: 1px solid #ddd;
+    border-bottom: 1px solid #dcdcde;
     clear: both;
-    color: #666;
+    color: #646970;
     font-size: 24px;
     padding: 0;
@@ -89 +89 @@
     background-position: center top;
     background-repeat: no-repeat;
-    color: #444; /* same as login.css */
+    color: #3c434a; /* same as login.css */
     font-size: 20px;
     font-weight: 400;
@@ -110 +110 @@
 }
 textarea {
-    border: 1px solid #ddd;
+    border: 1px solid #dcdcde;
     font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     width: 100%;
@@ -201 +201 @@
 
 .message {
-    border-left: 4px solid #dc3232;
+    border-left: 4px solid #d63638;
     padding: .7em .6em;
-    background-color: #fbeaea;
+    background-color: #fcf0f1;
 }
 
@@ -309 +309 @@
     width: 100%;
     display: block;
-    border: 1px solid #ddd;
+    border: 1px solid #dcdcde;
     background: #fff;
-    color: #32373c;
+    color: #2c3338;
     font-size: 16px;
     font-family: Arial, sans-serif;
@@ -318 +318 @@
 
 .language-chooser select:focus {
-    color: #32373c;
+    color: #2c3338;
 }
 
 .language-chooser select option:hover,
 .language-chooser select option:focus {
-    color: #016087;
+    color: #0a4b78;
 }
 

trunk/src/wp-admin/css/list-tables.css

@@ -56 +56 @@
     height: 2em;
     border-radius: 5px;
-    background-color: #72777c;
+    background-color: #787c82;
     color: #fff;
     font-size: 11px;
@@ -72 +72 @@
     width: 0;
     height: 0;
-    border-top: 5px solid #72777c;
+    border-top: 5px solid #787c82;
     border-right: 5px solid transparent;
 }
@@ -80 +80 @@
 .column-comments a.post-com-count-approved:hover .comment-count-approved,
 .column-comments a.post-com-count-approved:focus .comment-count-approved {
-    background: #0073aa;
+    background: #2271b1;
 }
 
@@ -87 +87 @@
 .column-comments a.post-com-count-approved:hover:after,
 .column-comments a.post-com-count-approved:focus:after {
-    border-top-color: #0073aa;
+    border-top-color: #2271b1;
 }
 
@@ -100 +100 @@
     border: 2px solid #fff;
     border-radius: 11px;
-    background: #ca4a1f;
+    background: #d63638;
     color: #fff;
     font-size: 9px;
@@ -117 +117 @@
     padding: 1em 1em .2em;
     margin: 0;
-    border-bottom: 1px solid #ccc;
+    border-bottom: 1px solid #c3c4c7;
 }
 
@@ -132 +132 @@
 #submitted-on,
 .submitted-on {
-    color: #555d66;
+    color: #50575e;
 }
 
@@ -204 +204 @@
 
 #replyerror {
-    border-color: #ddd;
-    background-color: #f9f9f9;
+    border-color: #dcdcde;
+    background-color: #f6f7f7;
 }
 
@@ -215 +215 @@
 #the-comment-list tr.undo,
 #the-comment-list div.undo {
-    background-color: #f5f5f5;
+    background-color: #f6f7f7;
 }
 
 #the-comment-list .unapproved th,
 #the-comment-list .unapproved td {
-    background-color: #fef7f1;
+    background-color: #fcf9e8;
 }
 
 #the-comment-list .unapproved th.check-column {
-    border-left: 4px solid #d54e21;
+    border-left: 4px solid #d63638;
 }
 
@@ -232 +232 @@
 
 #the-comment-list .approve a {
-    color: #006505;
+    color: #007017;
 }
 
 #the-comment-list .unapprove a {
-    color: #d98500;
+    color: #bd8600;
 }
 
@@ -258 +258 @@
 .vim-current th,
 .vim-current td {
-    background-color: #e4f2fd !important;
+    background-color: #f0f6fc !important;
 }
 
@@ -279 +279 @@
     -moz-osx-font-smoothing: grayscale;
     text-decoration: none !important;
-    color: #444;
+    color: #3c434a;
 }
 
@@ -459 +459 @@
     top: -4px;
     left: -8px;
-    color: #444;
+    color: #3c434a;
     line-height: 0.5;
     position: relative;
@@ -466 +466 @@
     -moz-osx-font-smoothing: grayscale;
     text-decoration: none !important;
-    color: #444;
+    color: #3c434a;
 }
 
@@ -505 +505 @@
 .wp-list-table .toggle-row:focus:before {
     box-shadow:
-        0 0 0 1px #5b9dd9,
-        0 0 2px 1px rgba(30, 140, 190, 0.8);
+        0 0 0 1px #4f94d4,
+        0 0 2px 1px rgba(79, 148, 212, 0.8);
 }
 
@@ -520 +520 @@
     display: block;
     padding: 1px 2px 1px 0;
-    color: #444; /* same as table headers sort arrows */
+    color: #3c434a; /* same as table headers sort arrows */
     content: "\f140";
     font: normal 20px/1 dashicons;
@@ -541 +541 @@
 
 .locked-indicator-icon:before {
-    color: #82878c;
+    color: #8c8f94;
     content: "\f160";
     display: inline-block;
@@ -710 +710 @@
 
 .view-switch a:before {
-    color: #b4b9be;
+    color: #c3c4c7;
     display: inline-block;
     font: normal 20px/1 dashicons;
@@ -721 +721 @@
 .view-switch a:hover:before,
 .view-switch a:focus:before {
-    color: #727272;
+    color: #787c82;
 }
 
 .view-switch a.current:before {
-    color: #0073aa;
+    color: #2271b1;
 }
 
@@ -795 +795 @@
 
 .row-actions {
-    color: #ddd;
+    color: #dcdcde;
     font-size: 13px;
     padding: 2px 0 0;
@@ -1031 +1031 @@
 ul.cat-checklist {
     height: 12em;
-    border: solid 1px #ddd;
+    border: solid 1px #dcdcde;
     overflow-y: scroll;
     padding: 0 5px;
@@ -1041 +1041 @@
     display: block;
     height: 12em;
-    border: 1px solid #ddd;
+    border: 1px solid #dcdcde;
     overflow-y: scroll;
     padding: 0 5px;
@@ -1168 +1168 @@
 .plugins .active td,
 .plugins .active th {
-    background-color: #f7fcfe;
+    background-color: #f0f6fc;
 }
 
@@ -1191 +1191 @@
 .plugins tr.active + tr.inactive td {
     border-top: 1px solid rgba(0, 0, 0, 0.03);
-    box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.02), inset 0 -1px 0 #e1e1e1;
+    box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.02), inset 0 -1px 0 #dcdcde;
 }
 
@@ -1209 +1209 @@
 .plugins .active th.check-column,
 .plugin-update-tr.active td {
-    border-left: 4px solid #00a0d2;
+    border-left: 4px solid #72aee6;
 }
 
@@ -1228 +1228 @@
 .plugins .plugin-title .dashicons:before {
     padding: 2px;
-    background-color: #eee;
-    box-shadow: inset 0 0 10px rgba(160, 165, 170, 0.15);
+    background-color: #f0f0f1;
+    box-shadow: inset 0 0 10px rgba(167, 170, 173, 0.15);
     font-size: 60px;
-    color: #B4B9BE;
+    color: #c3c4c7;
 }
 
@@ -1287 +1287 @@
 
 .plugins tr.paused th.check-column {
-    border-left: 4px solid #d54e21;
+    border-left: 4px solid #d63638;
 }
 
 .plugins tr.paused th,
 .plugins tr.paused td {
-    background-color: #fef7f1;
+    background-color: #f6f7f7;
 }
 
 .plugins tr.paused .plugin-title,
 .plugins .paused .dashicons-warning {
-    color: #dc3232;
+    color: #d63638;
 }
 
@@ -1303 +1303 @@
 .plugins .paused .error-display code {
     font-size: 90%;
-    color: rgba( 0, 0, 0, 0.7 );
+    color: rgba(0, 0, 0, 0.7);
 }
 
 .plugins .resume-link {
-    color: #dc3232;
+    color: #d63638;
 }
 
 .plugin-card .update-now:before {
-    color: #f56e28;
+    color: #d63638;
     content: "\f463";
     display: inline-block;
@@ -1337 +1337 @@
 
 .plugin-card .updated-message:before {
-    color: #79ba49;
+    color: #68de7c;
     content: "\f147";
 }
@@ -1369 +1369 @@
     width: calc( 50% - 8px );
     background-color: #fff;
-    border: 1px solid #ddd;
+    border: 1px solid #dcdcde;
     box-sizing: border-box;
 }
@@ -1476 +1476 @@
     clear: both;
     padding: 12px 20px;
-    background-color: #fafafa;
-    border-top: 1px solid #ddd;
+    background-color: #f6f7f7;
+    border-top: 1px solid #dcdcde;
     overflow: hidden;
 }
@@ -1492 +1492 @@
     margin: 0;
     padding-left: 16px;
-    box-shadow: 0 -1px 0 #ddd;
+    box-shadow: 0 -1px 0 #dcdcde;
 }
 
@@ -1536 +1536 @@
     -moz-osx-font-smoothing: grayscale;
     text-decoration: none !important;
-    color: #444;
+    color: #3c434a;
 }
 
 .plugin-card .column-compatibility .compatibility-incompatible:before {
     content: "\f158";
-    color: #c62d2d;
+    color: #d63638;
 }
 
 .plugin-card .column-compatibility .compatibility-compatible:before {
     content: "\f147";
-    color: #31843f;
+    color: #007017;
 }
 
@@ -1563 +1563 @@
 
 .no-plugin-results {
-    color: #666; /* same as no themes and no media */
+    color: #646970; /* same as no themes and no media */
     font-size: 18px;
     font-style: normal;
@@ -1575 +1575 @@
 .wp-list-table .site-deleted,
 .wp-list-table tr.site-deleted {
-    background: #ff8573;
+    background: #ff8085;
 }
 .wp-list-table .site-spammed,
 .wp-list-table tr.site-spammed {
-    background: #faafaa;
+    background: #ffabaf;
 }
 .wp-list-table .site-archived,
 .wp-list-table tr.site-archived {
-    background: #ffebe8;
+    background: #fcf0f1;
 }
 .wp-list-table .site-mature,
 .wp-list-table tr.site-mature {
-    background: #fecac2;
+    background: #facfd2;
 }
 
@@ -1857 +1857 @@
         border-radius: 0;
         background: none;
-        color: #bb2a2a;
+        color: #b32d2e;
         font-size: inherit;
         line-height: inherit;
@@ -1865 +1865 @@
     .column-response .post-com-count-pending:hover,
     .column-comments .post-com-count-pending:hover {
-        color: #dc3232;
+        color: #d63638;
     }
 
@@ -2071 +2071 @@
 
     .plugins .active.update + .plugin-update-tr:before {
-        border-left: 4px solid #d54e21;
-        background-color: #fef7f1;
+        border-left: 4px solid #d63638;
+        background-color: #f6f7f7;
     }
 
@@ -2084 +2084 @@
 
     .plugins .active.update + .plugin-update-tr:before {
-        background-color: #f7fcfe;
-        border-left: 4px solid #00a0d2;
+        background-color: #fff;
+        border-left: 4px solid #72aee6;
     }
 

trunk/src/wp-admin/css/login.css

@@ -7 +7 @@
 
 body {
-    background: #f1f1f1;
+    background: #f0f0f1;
     min-width: 0;
-    color: #444;
+    color: #3c434a;
     font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     font-size: 13px;
@@ -16 +16 @@
 
 a {
-    color: #0073aa;
+    color: #2271b1;
     transition-property: border, background, color;
     transition-duration: .05s;
@@ -28 +28 @@
 a:hover,
 a:active {
-    color: #006799;
+    color: #135e96;
 }
 
 a:focus {
-    color: #124964;
+    color: #043959;
     box-shadow:
-        0 0 0 1px #5b9dd9,
-        0 0 2px 1px rgba(30, 140, 190, 0.8);
+        0 0 0 1px #4f94d4,
+        0 0 2px 1px rgba(79, 148, 212, 0.8);
 }
 
@@ -45 +45 @@
 .login .success,
 .login #login_error {
-    border-left: 4px solid #00a0d2;
+    border-left: 4px solid #72aee6;
     padding: 12px;
     margin-left: 0;
@@ -54 +54 @@
 
 .login .success {
-    border-left-color: #46b450;
+    border-left-color: #00a32a;
 }
 
 .login #login_error {
-    border-left-color: #dc3232;
+    border-left-color: #d63638;
 }
 
@@ -103 +103 @@
 .login .button.wp-hide-pw:focus {
     background: transparent;
-    border-color: #007cba;
-    box-shadow: 0 0 0 1px #007cba;
+    border-color: #3582c4;
+    box-shadow: 0 0 0 1px #3582c4;
     /* Only visible in Windows High Contrast mode */
     outline: 2px solid transparent;
@@ -136 +136 @@
     overflow: hidden;
     background: #fff;
-    border: 1px solid #ccd0d4;
+    border: 1px solid #c3c4c7;
     box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
 }
@@ -204 +204 @@
 
 .login h1.admin-email__heading {
-    border-bottom: 1px rgb(241, 241, 241) solid;
-    color: rgb(95, 95, 95);
+    border-bottom: 1px #f0f0f1 solid;
+    color: #50575e;
     font-weight: normal;
     padding-bottom: 0.5em;
@@ -253 +253 @@
     background-position: center top;
     background-repeat: no-repeat;
-    color: #444;
+    color: #3c434a;
     height: 84px;
     font-size: 20px;
@@ -291 +291 @@
 .login #backtoblog a {
     text-decoration: none;
-    color: #555d66;
+    color: #50575e;
 }
 
@@ -297 +297 @@
 .login #backtoblog a:hover,
 .login h1 a:hover {
-    color: #006799;
+    color: #135e96;
 }
 
@@ -303 +303 @@
 .login #backtoblog a:focus,
 .login h1 a:focus {
-    color: #124964;
+    color: #043959;
 }
 
@@ -334 +334 @@
 .login input[type="text"],
 .login form input[type="checkbox"] {
-    background: #fbfbfb;
+    background: #fff;
 }
 

trunk/src/wp-admin/css/media.css

@@ -6 +6 @@
     border-collapse: collapse;
     width: 100%;
-    border-top: 1px solid #ddd;
+    border-top: 1px solid #dcdcde;
     clear: both;
     cursor: default;
@@ -125 +125 @@
 .media-upload-form .media-item,
 .media-upload-form .media-item .error {
-    box-shadow: 0 1px 0 #ddd;
+    box-shadow: 0 1px 0 #dcdcde;
 }
 
@@ -164 +164 @@
     overflow: hidden;
     border-radius: 22px;
-    background: #ddd;
+    background: #dcdcde;
     box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
 }
@@ -174 +174 @@
     margin-top: -22px;
     border-radius: 22px;
-    background-color: #0073aa;
+    background-color: #2271b1;
     box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);
 }
@@ -239 +239 @@
 
 .find-box-head {
-    background: #fcfcfc;
-    border-bottom: 1px solid #ddd;
+    background: #fff;
+    border-bottom: 1px solid #dcdcde;
     height: 36px;
     font-size: 18px;
@@ -306 +306 @@
     text-align: center;
     background: none;
-    color: #666;
+    color: #646970;
 }
 
 #find-posts-close:hover,
 #find-posts-close:focus {
-    color: #006799;
+    color: #135e96;
 }
 
 #find-posts-close:focus {
     box-shadow:
-        0 0 0 1px #5b9dd9,
-        0 0 2px 1px rgba(30, 140, 190, 0.8);
+        0 0 0 1px #4f94d4,
+        0 0 2px 1px rgba(79, 148, 212, 0.8);
     /* Only visible in Windows High Contrast mode */
     outline: 2px solid transparent;
@@ -334 +334 @@
 .find-box-buttons {
     padding: 8px 16px;
-    background: #fcfcfc;
-    border-top: 1px solid #ddd;
+    background: #fff;
+    border-top: 1px solid #dcdcde;
     position: absolute;
     bottom: 0;
@@ -374 +374 @@
 
 .drag-drop #drag-drop-area {
-    border: 4px dashed #b4b9be;
+    border: 4px dashed #c3c4c7;
     height: 200px;
 }
@@ -408 +408 @@
 border color while dragging a file over the uploader drop area */
 .drag-drop.drag-over #drag-drop-area {
-    border-color: #83b4d8;
+    border-color: #9ec2e6;
 }
 
@@ -443 +443 @@
     margin-top: 12px;
     padding: 0 16px;
-    border-left: 4px solid #dd3d36;
+    border-left: 4px solid #d63638;
     box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
     background-color: #fff;
@@ -476 +476 @@
     display: block;
     font: normal 16px/1 dashicons;
-    color: #72777c;
+    color: #787c82;
 }
 
 .upload-php .mode-grid .media-sidebar .media-uploader-status .upload-dismiss-errors:focus:before,
 .upload-php .mode-grid .media-sidebar .media-uploader-status .upload-dismiss-errors:hover:before {
-    color: #c00;
+    color: #d63638;
 }
 
@@ -496 +496 @@
     padding-top: 0;
     margin-top: 20px;
-    border: 4px dashed #b4b9be;
+    border: 4px dashed #c3c4c7;
 }
 
@@ -509 +509 @@
 .media-frame.mode-grid .attachment.details:focus {
     box-shadow:
-        inset 0 0 2px 3px #f1f1f1,
-        inset 0 0 0 7px #5b9dd9;
+        inset 0 0 2px 3px #f0f0f1,
+        inset 0 0 0 7px #4f94d4;
     /* Only visible in Windows High Contrast mode */
     outline: 2px solid transparent;
@@ -518 +518 @@
 .media-frame.mode-grid .selected.attachment {
     box-shadow:
-        inset 0 0 0 5px #f1f1f1,
-        inset 0 0 0 7px #ccc;
+        inset 0 0 0 5px #f0f0f1,
+        inset 0 0 0 7px #c3c4c7;
 }
 
 .media-frame.mode-grid .attachment.details {
     box-shadow:
-        inset 0 0 0 3px #f1f1f1,
-        inset 0 0 0 7px #1e8cbe;
+        inset 0 0 0 3px #f0f0f1,
+        inset 0 0 0 7px #4f94d4;
 }
 
@@ -590 +590 @@
 
 .media-frame.mode-grid .attachments-browser .no-media {
-    color: #666; /* same as no plugins and no themes */
+    color: #646970; /* same as no plugins and no themes */
     font-size: 18px;
     font-style: normal;
@@ -621 +621 @@
 .edit-attachment-frame .edit-media-header .right {
     cursor: pointer;
-    color: #72777c;
+    color: #787c82;
     background-color: transparent;
     height: 50px;
@@ -629 +629 @@
     text-align: center;
     border: 0;
-    border-left: 1px solid #ddd;
+    border-left: 1px solid #dcdcde;
     transition: color .1s ease-in-out, background .1s ease-in-out;
 }
@@ -664 +664 @@
 .edit-attachment-frame .edit-media-header .left:focus,
 .edit-attachment-frame .edit-media-header .right:focus {
-    background: #ddd;
-    border-color: #ccc;
+    background: #dcdcde;
+    border-color: #c3c4c7;
     color: #000;
     outline: none;
@@ -694 +694 @@
 .edit-attachment-frame .edit-media-header [disabled],
 .edit-attachment-frame .edit-media-header [disabled]:hover {
-    color: #ccc;
+    color: #c3c4c7;
     background: inherit;
     cursor: default;
@@ -738 +738 @@
     max-height: 90%;
     max-height: calc( 100% - 42px ); /* leave space for actions underneath */
-    background-image: linear-gradient(45deg, #c4c4c4 25%, transparent 25%, transparent 75%, #c4c4c4 75%, #c4c4c4), linear-gradient(45deg, #c4c4c4 25%, transparent 25%, transparent 75%, #c4c4c4 75%, #c4c4c4);
+    background-image: linear-gradient(45deg, #c3c4c7 25%, transparent 25%, transparent 75%, #c3c4c7 75%, #c3c4c7), linear-gradient(45deg, #c3c4c7 25%, transparent 25%, transparent 75%, #c3c4c7 75%, #c3c4c7);
     background-position: 0 0, 10px 10px;
     background-size: 20px 20px;
@@ -770 +770 @@
     box-shadow: inset 0px 4px 4px -4px rgba(0, 0, 0, 0.1);
     border-bottom: 0;
-    border-left: 1px solid #ddd;
-    background: #f3f3f3;
+    border-left: 1px solid #dcdcde;
+    background: #f6f7f7;
 }
 
@@ -781 +781 @@
     margin-bottom: 15px;
     padding-bottom: 15px;
-    border-bottom: 1px solid #ddd;
+    border-bottom: 1px solid #dcdcde;
 }
 
 .edit-attachment-frame .attachment-info .filename {
     font-weight: 400;
-    color: #666;
+    color: #646970;
 }
 
@@ -814 +814 @@
 
 .copy-to-clipboard-container .success {
-    color: #40860a;
+    color: #008a20;
     margin-left: 8px;
 }
@@ -919 +919 @@
     /* WCAG 1.4.3 Text or images of text that are part of an inactive user
        interface component ... have no contrast requirement. */
-    color: #a0a5aa;
+    color: #a7aaad;
 }
 
@@ -972 +972 @@
 
 .imgedit-menu .button.disabled {
-    color: #a0a5aa;
-    border-color: #ddd;
-    background: #f7f7f7;
+    color: #a7aaad;
+    border-color: #dcdcde;
+    background: #f6f7f7;
     box-shadow: none;
     text-shadow: 0 1px 0 #fff;
@@ -1014 +1014 @@
 
 .imgedit-crop-wrap img {
-    background-image: linear-gradient(45deg, #c4c4c4 25%, transparent 25%, transparent 75%, #c4c4c4 75%, #c4c4c4), linear-gradient(45deg, #c4c4c4 25%, transparent 25%, transparent 75%, #c4c4c4 75%, #c4c4c4);
+    background-image: linear-gradient(45deg, #c3c4c7 25%, transparent 25%, transparent 75%, #c3c4c7 75%, #c3c4c7), linear-gradient(45deg, #c3c4c7 25%, transparent 25%, transparent 75%, #c3c4c7 75%, #c3c4c7);
     background-position: 0 0, 10px 10px;
     background-size: 20px 20px;
@@ -1065 +1065 @@
 #poststuff .imgedit-group-top .button-link {
     text-decoration: none;
-    color: #23282d;
+    color: #1d2327;
 }
 
@@ -1090 +1090 @@
     padding: 0;
     background: transparent;
-    color: #0074a2;
+    color: #2271b1;
     font-size: 20px;
     line-height: 1;
@@ -1099 +1099 @@
 
 .image-editor .imgedit-settings .imgedit-help-toggle:focus {
-    color: #0074a2;
-    border-color: #5b9dd9;
-    box-shadow: 0 0 3px rgba(0, 115, 170, 0.8);
+    color: #2271b1;
+    border-color: #4f94d4;
+    box-shadow: 0 0 3px rgba(34, 113, 177, 0.8);
     /* Only visible in Windows High Contrast mode */
     outline: 2px solid transparent;
@@ -1125 +1125 @@
 
 span.imgedit-scale-warn {
-    color: #dc3232;
+    color: #d63638;
     font-size: 20px;
     font-style: normal;
@@ -1162 +1162 @@
     text-align: center;
     font-size: 13px;
-    color: #444;
+    color: #3c434a;
 }
 

trunk/src/wp-admin/css/nav-menus.css

@@ -67 +67 @@
 
 .is-submenu {
-    color: #555d66; /* #fafafa background */
+    color: #50575e; /* #fafafa background */
     font-style: italic;
     font-weight: 400;
@@ -77 +77 @@
     padding: 10px;
     overflow: hidden;
-    background: #fbfbfb;
+    background: #fff;
 }
 
@@ -99 +99 @@
 
 .menu-settings {
-    border-top: 1px solid #eee;
+    border-top: 1px solid #f0f0f1;
     margin-top: 2em;
 }
@@ -136 +136 @@
 
 .theme-location-set {
-    color: #72777c;
+    color: #787c82;
     font-size: 11px;
 }
@@ -164 +164 @@
     padding: 0 10px;
     border-top: 1px solid #fff;
-    border-bottom: 1px solid #ddd;
+    border-bottom: 1px solid #dcdcde;
     background: #fff;
 }
@@ -171 +171 @@
 #nav-menu-footer {
     padding: 0 10px;
-    background: #f5f5f5;
+    background: #f6f7f7;
 }
 
 #nav-menu-header {
-    border-bottom: 1px solid #ddd;
+    border-bottom: 1px solid #dcdcde;
     margin-bottom: 0;
 }
@@ -252 +252 @@
 .locations-edit-menu-link {
     padding-right: 3px;
-    border-right: 1px solid #ccc;
+    border-right: 1px solid #c3c4c7;
 }
 
@@ -441 +441 @@
 
 .menu-item-bar .menu-item-handle {
-    border: 1px solid #ddd;
+    border: 1px solid #dcdcde;
     position: relative;
     padding: 10px 15px;
@@ -453 +453 @@
 
 .menu-item-bar .menu-item-handle:hover {
-    border-color: #999;
+    border-color: #8c8f94;
 }
 
 #menu-to-edit .menu-item-invalid .menu-item-handle {
-    background: #f6c9cc;
-    border-color: #f1acb1;
+    background: #facfd2;
+    border-color: #ffabaf;
 }
 
@@ -471 +471 @@
 .menu li.deleting .menu-item-handle {
     background-image: none;
-    background-color: #f66;
+    background-color: #f86368;
 }
 
@@ -484 +484 @@
 
 .menu-item-handle .menu-item-title.no-title {
-    color: #72777c;
+    color: #787c82;
 }
 
@@ -551 +551 @@
     display: inline-block;
     padding: 12px 16px;
-    color: #666;
+    color: #646970;
     font-size: 12px;
     line-height: 1.5;
@@ -592 +592 @@
     margin: 12px -10px 12px 0;
     padding: 0;
-    color: #0073aa;
+    color: #2271b1;
     text-decoration: underline;
     font-size: 12px;
@@ -629 +629 @@
 .nav-menus-php .item-edit:focus:before {
     box-shadow:
-        0 0 0 1px #5b9dd9,
-        0 0 2px 1px rgba(30, 140, 190, 0.8);
+        0 0 0 1px #4f94d4,
+        0 0 2px 1px rgba(79, 148, 212, 0.8);
 }
 
@@ -644 +644 @@
     position: relative;
     z-index: 10; /* Keep .item-title's shadow from appearing on top of .menu-item-settings */
-    border: 1px solid #ccd0d4;
+    border: 1px solid #c3c4c7;
     border-top: none;
     box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
@@ -690 +690 @@
     margin: 0 0 15px;
     padding: 3px 5px 5px;
-    border: 1px solid #ddd;
-    color: #72777c;
+    border: 1px solid #dcdcde;
+    color: #787c82;
     font-size: 12px;
 }

trunk/src/wp-admin/css/revisions.css

@@ -43 +43 @@
     position: absolute;
     height: 100%;
-    border-left: 1px solid #a0a5aa;
+    border-left: 1px solid #a7aaad;
     box-sizing: border-box;
 }
@@ -132 +132 @@
 
 .revisions-controls .author-card .date {
-    color: #72777c;
+    color: #787c82;
 }
 
 .revisions-controls .author-card.autosave {
-    color: #d54e21;
+    color: #d63638;
 }
 
@@ -243 +243 @@
 table.diff .diff-deletedline {
     position: relative;
-    background-color: #ffe9e9;
+    background-color: #fcf0f1;
 }
 
 table.diff .diff-deletedline del {
-    background-color: #faa;
+    background-color: #ffabaf;
 }
 
 table.diff .diff-addedline {
     position: relative;
-    background-color: #e9ffe9;
+    background-color: #edfaef;
 }
 
@@ -272 +272 @@
 
 table.diff .diff-addedline ins {
-    background-color: #afa;
+    background-color: #68de7c;
 }
 
@@ -385 +385 @@
 .revisions-tooltip,
 .revisions-tooltip-arrow > span {
-    border: 1px solid #ddd;
+    border: 1px solid #dcdcde;
     background-color: #fff;
 }
@@ -446 +446 @@
 .wp-slider.ui-slider {
     position: relative;
-    border: 1px solid #ddd;
+    border: 1px solid #dcdcde;
     text-align: left;
     cursor: pointer;
@@ -465 +465 @@
 .wp-slider .ui-slider-handle,
 .wp-slider .ui-slider-handle.focus {
-    background: #f7f7f7;
-    border: 1px solid #ccc;
-    box-shadow: 0 1px 0 #cccccc;
+    background: #f6f7f7;
+    border: 1px solid #c3c4c7;
+    box-shadow: 0 1px 0 #c3c4c7;
 }
 
 .wp-slider .ui-slider-handle:hover,
 .wp-slider .ui-slider-handle.ui-state-hover {
-    background: #fafafa;
-    border-color: #999;
+    background: #f6f7f7;
+    border-color: #8c8f94;
 }
 
 .wp-slider .ui-slider-handle:active,
 .wp-slider .ui-slider-handle.ui-state-active {
-    background: #eee;
-    border-color: #999;
+    background: #f0f0f1;
+    border-color: #8c8f94;
     box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5);
     transform: translateY(1px);
@@ -489 +489 @@
     top: 2px;
     left: 2px;
-    color: #555;
+    color: #50575e;
     content: "\f229";
     font: normal 18px/1 dashicons;
@@ -499 +499 @@
 .wp-slider .ui-slider-handle:hover:before,
 .wp-slider .ui-slider-handle.ui-state-hover:before {
-    color: #23282d;
+    color: #1d2327;
 }
 

trunk/src/wp-admin/css/site-health.css

@@ -27 +27 @@
     margin: 0 0 1rem;
     background: #fff;
-    border-bottom: 1px solid #e2e4e7;
+    border-bottom: 1px solid #dcdcde;
 }
 
@@ -68 +68 @@
 .loading .site-health-progress svg #bar {
     stroke-dashoffset: 0;
-    stroke: #adc5d2;
+    stroke: #c3c4c7;
     animation: loadingPulse 3s infinite ease-in-out;
 }
@@ -75 +75 @@
     stroke-dashoffset: 0;
     transition: stroke-dashoffset 1s linear;
-    stroke: #ccc;
+    stroke: #c3c4c7;
     stroke-width: 2em;
 }
@@ -81 +81 @@
 .site-health-progress svg #bar {
     stroke-dashoffset: 565;
-    stroke: #dc3232;
+    stroke: #d63638;
 }
 
 .green .site-health-progress #bar {
-    stroke: #46b450;
+    stroke: #00a32a;
 }
 .green .site-health-progress .site-health-progress-label {
-    color: #46b450;
+    color: #00a32a;
 }
 
 .orange .site-health-progress #bar {
-    stroke: #ffb900;
+    stroke: #dba617;
 }
 .orange .site-health-progress .site-health-progress-label {
-    color: #ffb900;
+    color: #dba617;
 }
 
@@ -106 +106 @@
 @keyframes loadingPulse {
     0% {
-        stroke: #adc5d2;
+        stroke: #c3c4c7;
     }
     50% {
-        stroke: #00a0d2;
+        stroke: #72aee6;
     }
     100% {
-        stroke: #adc5d2;
+        stroke: #c3c4c7;
     }
 }
@@ -144 +144 @@
 
 .health-check-tab:focus {
-    color: #191e23;
-    outline: 1px solid #6c7781;
+    color: #1d2327;
+    outline: 1px solid #787c82;
     box-shadow: none;
 }
 
 .health-check-tab.active {
-    box-shadow: inset 0 -3px #007cba;
+    box-shadow: inset 0 -3px #3582c4;
     font-weight: 600;
 }
@@ -179 +179 @@
 .health-check-body .good::before {
     content: "\f147";
-    color: #46b450;
+    color: #00a32a;
 }
 
 .health-check-body .warning::before {
     content: "\f460";
-    color: #ffb900;
+    color: #dba617;
 }
 
 .health-check-body .info::before {
     content: "\f348";
-    color: #00a0d2;
+    color: #72aee6;
 }
 
@@ -195 +195 @@
 .health-check-body .error::before {
     content: "\f335";
-    color: #dc3232;
+    color: #d63638;
 }
 
@@ -209 +209 @@
 
 .site-health-copy-buttons .success {
-    color: #40860a;
+    color: #008a20;
     margin-left: 0.5rem;
 }
@@ -267 +267 @@
 
 .health-check-accordion {
-    border: 1px solid #ccd0d4;
+    border: 1px solid #c3c4c7;
 }
 
 .health-check-accordion-heading {
     margin: 0;
-    border-top: 1px solid #ccd0d4;
+    border-top: 1px solid #c3c4c7;
     font-size: inherit;
     line-height: inherit;
@@ -286 +286 @@
     background: #fff;
     border: 0;
-    color: #32373c;
+    color: #2c3338;
     cursor: pointer;
     display: flex;
@@ -311 +311 @@
 .health-check-accordion-trigger:hover,
 .health-check-accordion-trigger:active {
-    background: #f8f9f9;
+    background: #f6f7f7;
 }
 
 .health-check-accordion-trigger:focus {
-    color: #191e23;
+    color: #1d2327;
     border: none;
     box-shadow: none;
     outline-offset: -1px;
-    outline: 2px solid #0071a1;
-    background-color: #f8f9f9;
+    outline: 2px solid #2271b1;
+    background-color: #f6f7f7;
 }
 
@@ -331 +331 @@
 .health-check-accordion-trigger .icon,
 .site-health-view-passed .icon {
-    border: solid #555d66;
+    border: solid #50575e;
     border-width: 0 2px 2px 0;
     height: 0.5rem;
@@ -344 +344 @@
 .health-check-accordion-trigger .badge {
     padding: 0.1rem 0.5rem 0.15rem;
-    color: #32373c;
+    color: #2c3338;
     font-weight: 600;
     margin-left: 0.5rem;
@@ -350 +350 @@
 
 .health-check-accordion-trigger .badge.blue {
-    border: 1px solid #bfe7f3;
+    border: 1px solid #c5d9ed;
 }
 
 .health-check-accordion-trigger .badge.orange {
-    border: 1px solid #ffb900;
+    border: 1px solid #dba617;
 }
 
 .health-check-accordion-trigger .badge.red {
-    border: 1px solid #dc3232;
+    border: 1px solid #d63638;
 }
 
 .health-check-accordion-trigger .badge.green {
-    border: 1px solid #46b450;
+    border: 1px solid #00a32a;
 }
 
 .health-check-accordion-trigger .badge.purple {
-    border: 1px solid #826eb4;
+    border: 1px solid #2271b1;
 }
 
 .health-check-accordion-trigger .badge.gray {
-    border: 1px solid #ccd0d4;
+    border: 1px solid #c3c4c7;
 }
 

trunk/src/wp-admin/css/themes.css

@@ -57 +57 @@
     position: relative;
     width: 30.6%;
-    border: 1px solid #ddd;
+    border: 1px solid #dcdcde;
     box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.1);
     box-sizing: border-box;
@@ -91 +91 @@
     transition: opacity 0.1s ease-in-out;
     height: auto;
-    background: rgba(244, 244, 244, 0.7);
+    background: rgba(246, 247, 247, 0.7);
     border-left: 1px solid rgba(0, 0, 0, 0.05);
 }
@@ -157 +157 @@
     right: 20%;
     left: 20%;
-    background: #23282d;
+    background: #1d2327;
     background: rgba(0, 0, 0, 0.7);
     color: #fff;
@@ -171 +171 @@
 
 .theme-browser .theme:focus {
-    border-color: #5b9dd9;
-    box-shadow: 0 0 2px rgba(30, 140, 190, 0.8);
+    border-color: #4f94d4;
+    box-shadow: 0 0 2px rgba(79, 148, 212, 0.8);
 }
 
@@ -194 +194 @@
  */
 .theme-browser .theme.active .theme-name {
-    background: #23282d;
+    background: #1d2327;
     color: #fff;
     padding-right: 110px;
@@ -210 +210 @@
 
 .theme-browser .theme.active .theme-actions {
-    background: rgba(49, 49, 49, 0.7);
+    background: rgba(44, 51, 56, 0.7);
     border-left: none;
     opacity: 1;
@@ -234 +234 @@
 
 .theme-browser .theme .theme-author {
-    background: #23282d;
-    color: #eee;
+    background: #1d2327;
+    color: #f0f0f1;
     display: none;
     font-size: 14px;
@@ -279 +279 @@
     padding: 0;
     text-shadow: none;
-    border: 5px dashed #d5d2ca;
+    border: 5px dashed #dcdcde;
     border: 5px dashed rgba(0, 0, 0, 0.1);
     box-sizing: border-box;
@@ -285 +285 @@
 
 .theme-browser .theme.add-new-theme span:after {
-    background: #e5e5e5;
-    background: rgba(153, 153, 153, 0.1);
+    background: #dcdcde;
+    background: rgba(140, 143, 148, 0.1);
     border-radius: 50%;
     display: inline-block;
@@ -296 +296 @@
     vertical-align: middle;
     text-align: center;
-    color: rgb(153, 153, 153);
+    color: #8c8f94;
     position: absolute;
     top: 30%;
@@ -319 +319 @@
 .theme-browser .theme.add-new-theme a:focus span:after {
     background: #fff;
-    color: #0073aa;
+    color: #2271b1;
 }
 
@@ -326 +326 @@
     border-color: transparent;
     color: #fff;
-    background: #0073aa;
+    background: #2271b1;
     content: "";
 }
@@ -358 +358 @@
     top: 0;
     bottom: 0;
-    background: #f1f1f1;
-    background: rgba(238, 238, 238, 0.9);
+    background: #f0f0f1;
+    background: rgba(240, 240, 241, 0.9);
     z-index: 10000; /* Over WP Pointers. */
 }
@@ -369 +369 @@
     right: 0;
     height: 48px;
-    border-bottom: 1px solid #ddd;
+    border-bottom: 1px solid #dcdcde;
 }
 
@@ -383 +383 @@
     float: right;
     border: 0;
-    border-left: 1px solid #ddd;
+    border-left: 1px solid #dcdcde;
     background-color: transparent;
     transition: color .1s ease-in-out, background .1s ease-in-out;
@@ -390 +390 @@
 .theme-overlay .theme-header .close:before {
     font: normal 22px/50px dashicons !important;
-    color: #72777c;
+    color: #787c82;
     display: inline-block;
     content: "\f335";
@@ -400 +400 @@
 .theme-overlay .theme-header .left {
     cursor: pointer;
-    color: #72777c;
+    color: #787c82;
     background-color: transparent;
     height: 48px;
@@ -407 +407 @@
     text-align: center;
     border: 0;
-    border-right: 1px solid #ddd;
+    border-right: 1px solid #dcdcde;
     transition: color .1s ease-in-out, background .1s ease-in-out;
 }
@@ -417 +417 @@
 .theme-overlay .theme-header .left:focus,
 .theme-overlay .theme-header .left:hover {
-    background: #ddd;
-    border-color: #ccc;
+    background: #dcdcde;
+    border-color: #c3c4c7;
     color: #000;
 }
@@ -438 +438 @@
 .theme-overlay .theme-header .left.disabled:hover,
 .theme-overlay .theme-header .right.disabled:hover {
-    color: #ccc;
+    color: #c3c4c7;
     background: inherit;
     cursor: inherit;
@@ -493 +493 @@
     right: 0;
     padding: 10px 25px 5px;
-    background: #f3f3f3;
+    background: #f6f7f7;
     z-index: 30;
     box-sizing: border-box;
-    border-top: 1px solid #eee;
+    border-top: 1px solid #f0f0f1;
 }
 
@@ -512 +512 @@
 .broken-themes a.delete-theme,
 .theme-overlay .theme-actions .delete-theme {
-    color: #a00;
+    color: #d63638;
     text-decoration: none;
     border-color: transparent;
@@ -529 +529 @@
 .theme-overlay .theme-actions .delete-theme:hover,
 .theme-overlay .theme-actions .delete-theme:focus {
-    background: #d54e21;
+    background: #d63638;
     color: #fff;
-    border-color: #d54e21;
+    border-color: #d63638;
 }
 
@@ -589 +589 @@
 /* Other screenshots, shown small and square */
 .theme-overlay .screenshot.thumb {
-    background: #ccc;
-    border: 1px solid #eee;
+    background: #c3c4c7;
+    border: 1px solid #f0f0f1;
     float: none;
     display: inline-block;
@@ -617 +617 @@
 .theme-overlay .screenshot.selected {
     background: transparent;
-    border: 2px solid #00a0d2;
+    border: 2px solid #72aee6;
 }
 
@@ -639 +639 @@
 
 .theme-overlay .current-label {
-    background: #32373c;
+    background: #2c3338;
     color: #fff;
     font-size: 11px;
@@ -652 +652 @@
 
 .theme-overlay .theme-name {
-    color: #23282d;
+    color: #1d2327;
     font-size: 32px;
     font-weight: 100;
@@ -662 +662 @@
 
 .theme-overlay .theme-version {
-    color: #72777c;
+    color: #787c82;
     font-size: 13px;
     font-weight: 400;
@@ -672 +672 @@
 .theme-overlay .theme-author {
     margin: 15px 0 25px;
-    color: #72777c;
+    color: #787c82;
     font-size: 16px;
     font-weight: 400;
@@ -696 +696 @@
 
 .theme-overlay .theme-description {
-    color: #555;
+    color: #50575e;
     font-size: 15px;
     font-weight: 400;
@@ -704 +704 @@
 
 .theme-overlay .theme-tags {
-    border-top: 3px solid #eee;
-    color: #82878c;
+    border-top: 3px solid #f0f0f1;
+    color: #8c8f94;
     font-size: 13px;
     font-weight: 400;
@@ -713 +713 @@
 
 .theme-overlay .theme-tags span {
-    color: #444;
+    color: #3c434a;
     font-weight: 600;
     margin-right: 5px;
@@ -719 +719 @@
 
 .theme-overlay .parent-theme {
-    background: #f7fcfe;
-    border: 1px solid #eee;
-    border-left: 4px solid #00a0d2;
+    background: #fff;
+    border: 1px solid #f0f0f1;
+    border-left: 4px solid #72aee6;
     font-size: 14px;
     font-weight: 400;
@@ -1001 +1001 @@
 /* Already installed theme */
 .theme-browser .theme .theme-installed {
-    background: #0073aa;
+    background: #2271b1;
 }
 
 .theme-browser .theme .notice-success p:before {
-    color: #79ba49;
+    color: #68de7c;
     content: "\f147";
     display: inline-block;
@@ -1058 +1058 @@
 .upload-theme .wp-upload-form,
 .upload-plugin .wp-upload-form {
-    background: #fafafa;
-    border: 1px solid #ccd0d4;
+    background: #f6f7f7;
+    border: 1px solid #c3c4c7;
     padding: 30px;
     margin: 30px auto;
@@ -1074 +1074 @@
 .upload-theme .install-help,
 .upload-plugin .install-help {
-    color: #555d66; /* #f1f1f1 background */
+    color: #50575e; /* #f1f1f1 background */
     font-size: 18px;
     font-style: normal;
@@ -1085 +1085 @@
 p.no-themes-local {
     clear: both;
-    color: #666;
+    color: #646970;
     font-size: 18px;
     font-style: normal;
@@ -1124 +1124 @@
 .theme-details .no-rating {
     font-size: 11px;
-    color: #72777c;
+    color: #787c82;
 }
 
@@ -1133 +1133 @@
 
 .update-from-upload-comparison {
-    border-top: 1px solid #ddd;
-    border-bottom: 1px solid #ddd;
+    border-top: 1px solid #dcdcde;
+    border-bottom: 1px solid #dcdcde;
     text-align: left;
     margin: 1rem 0 1.4rem;
@@ -1162 +1162 @@
 
 .update-from-upload-comparison td.warning {
-    color: #a00;
+    color: #d63638;
 }
 
@@ -1174 +1174 @@
 
 .appearance_page_custom-header #headimg {
-    border: 1px solid #ddd;
+    border: 1px solid #dcdcde;
     overflow: hidden;
     width: 100%;
@@ -1210 +1210 @@
 div#custom-background-image {
     min-height: 100px;
-    border: 1px solid #ddd;
+    border: 1px solid #dcdcde;
 }
 
@@ -1219 +1219 @@
 
 .background-position-control input[type="radio"]:checked ~ .button {
-    background: #eee;
-    border-color: #999;
+    background: #f0f0f1;
+    border-color: #8c8f94;
     box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5);
     z-index: 1;
@@ -1226 +1226 @@
 
 .background-position-control input[type="radio"]:focus ~ .button {
-    border-color: #5b9dd9;
-    box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5), 0 0 3px rgba(0, 115, 170, 0.8);
-    color: #23282d;
+    border-color: #4f94d4;
+    box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5), 0 0 3px rgba(34, 113, 177, 0.8);
+    color: #1d2327;
 }
 
@@ -1247 +1247 @@
 
 .background-position-control .background-position-center-icon:before {
-    background-color: #555;
+    background-color: #50575e;
     border-radius: 50%;
     content: "";
@@ -1256 +1256 @@
 .background-position-control .button:hover .background-position-center-icon:before,
 .background-position-control input[type="radio"]:focus ~ .button .background-position-center-icon:before {
-    background-color: #23282d;
+    background-color: #1d2327;
 }
 
@@ -1281 +1281 @@
 
 .background-position-control .button-group:last-child .button {
-    box-shadow: 0 1px 0 #ccc;
+    box-shadow: 0 1px 0 #c3c4c7;
 }
 
@@ -1364 +1364 @@
     margin: 0;
     z-index: 10;
-    background: #eee;
+    background: #f0f0f1;
     border-right: none;
 }
@@ -1471 +1471 @@
     width: 45px;
     height: 45px;
-    background: #eee;
-    border-right: 1px solid #ddd;
-    color: #444;
+    background: #f0f0f1;
+    border-right: 1px solid #dcdcde;
+    color: #3c434a;
     cursor: pointer;
     text-decoration: none;
@@ -1485 +1485 @@
 .theme-install-overlay .next-theme:hover,
 .theme-install-overlay .next-theme:focus {
-    background: #ddd;
-    border-color: #ccc;
+    background: #dcdcde;
+    border-color: #c3c4c7;
     color: #000;
     outline: none;
@@ -1522 +1522 @@
 .theme-install-overlay .next-theme.disabled:hover,
 .theme-install-overlay .next-theme.disabled:focus {
-    color: #b4b9be;
-    background: #eee;
+    color: #c3c4c7;
+    background: #f0f0f1;
     cursor: default;
     pointer-events: none;
@@ -1550 +1550 @@
     padding: 9px 0 9px 10px;
     height: 45px;
-    color: #656a6f;
+    color: #646970;
     outline: 0;
     line-height: 1;
@@ -1561 +1561 @@
 .wp-core-ui .wp-full-overlay .collapse-sidebar:hover,
 .wp-core-ui .wp-full-overlay .collapse-sidebar:focus {
-    color: #0073aa;
+    color: #2271b1;
 }
 
@@ -1582 +1582 @@
 .wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
     box-shadow:
-        0 0 0 1px #5b9dd9,
-        0 0 2px 1px rgba(30, 140, 190, 0.8);
+        0 0 0 1px #4f94d4,
+        0 0 2px 1px rgba(79, 148, 212, 0.8);
 }
 
@@ -1597 +1597 @@
     display: block;
     content: "\f148";
-    background: #eee;
+    background: #f0f0f1;
     font: normal 20px/1 dashicons;
     speak: never;
@@ -1631 +1631 @@
 
 .wp-full-overlay {
-    background: #191e23;
+    background: #1d2327;
 }
 
 .wp-full-overlay-main {
-    background-color: #f1f1f1;
+    background-color: #f0f0f1;
 }
 
@@ -1647 +1647 @@
     width: calc( 18% - 1px );
     height: 45px;
-    border-top: 1px solid #ddd;
-    background: #eee;
+    border-top: 1px solid #dcdcde;
+    background: #f0f0f1;
 }
 
@@ -1657 +1657 @@
 .wp-full-overlay-footer .devices {
     position: relative;
-    background: #eee;
-    box-shadow: -20px 0 10px -5px #eee;
+    background: #f0f0f1;
+    box-shadow: -20px 0 10px -5px #f0f0f1;
 }
 
@@ -1689 +1689 @@
     margin: 3px 0;
     padding: 4px 8px;
-    color: #656a6f;
+    color: #646970;
 }
 
 .wp-full-overlay-footer .devices button.active {
-    border-bottom-color: #191e23;
+    border-bottom-color: #1d2327;
 }
 
@@ -1703 +1703 @@
 .wp-full-overlay-footer .devices button:focus,
 .wp-full-overlay-footer .devices button.active:hover {
-    border-bottom-color: #0073aa;
+    border-bottom-color: #2271b1;
 }
 
 .wp-full-overlay-footer .devices button.active:before {
-    color: #191e23;
+    color: #1d2327;
 }
 
 .wp-full-overlay-footer .devices button:hover:before,
 .wp-full-overlay-footer .devices button:focus:before {
-    color: #0073aa;
+    color: #2271b1;
 }
 
@@ -1771 +1771 @@
 #customize-container,
 #customize-controls .notice.notification-overlay {
-    background: #eee;
+    background: #f0f0f1;
     z-index: 500000;
     position: fixed;
@@ -1843 +1843 @@
     margin: 15px 0;
     width: 258px;
-    border: 1px solid #ccc;
+    border: 1px solid #c3c4c7;
 }
 
@@ -1856 +1856 @@
 .theme-details .theme-description {
     float: left;
-    color: #72777c;
+    color: #787c82;
     line-height: 1.6;
     max-width: 100%;
@@ -1867 +1867 @@
 
 .theme-install-overlay .wp-full-overlay-sidebar {
-    background: #eee;
-    border-right: 1px solid #ddd;
+    background: #f0f0f1;
+    border-right: 1px solid #dcdcde;
 }
 
 .theme-install-overlay .wp-full-overlay-sidebar-content {
     background: #fff;
-    border-top: 1px solid #ddd;
-    border-bottom: 1px solid #ddd;
+    border-top: 1px solid #dcdcde;
+    border-bottom: 1px solid #dcdcde;
 }
 
@@ -1880 +1880 @@
     position: absolute;
     z-index: 0;
-    background-color: #f1f1f1;
+    background-color: #f0f0f1;
 }
 
 .customize-loading #customize-container {
-    background-color: #f1f1f1;
+    background-color: #f0f0f1;
 }
 

trunk/src/wp-admin/css/widgets.css

@@ -17 +17 @@
     font-size: 13px;
     font-weight: 600;
-    background: #f7f7f7;
+    background: #f6f7f7;
 }
 
@@ -55 +55 @@
 #widgets-right a.widget-control-edit,
 #available-widgets .widget-description {
-    color: #666;
+    color: #646970;
 }
 
 .deleting .widget-title,
 .deleting .widget-top .widget-action .toggle-indicator:before {
-    color: #a0a5aa;
+    color: #a7aaad;
 }
 
@@ -92 +92 @@
 .media-widget-control .attachment-media-view .button-add-media,
 .media-widget-control .placeholder {
-    border: 1px dashed #b4b9be;
+    border: 1px dashed #c3c4c7;
     box-sizing: border-box;
     cursor: pointer;
@@ -104 +104 @@
 .media-widget-control .attachment-media-view .button-add-media {
     cursor: pointer;
-    background-color: #edeff0;
-    color: #32373c;
+    background-color: #f0f0f1;
+    color: #2c3338;
 }
 
 .media-widget-control .attachment-media-view .button-add-media:hover {
-    background-color: #fbfbfc;
+    background-color: #fff;
 }
 
 .media-widget-control .attachment-media-view .button-add-media:focus {
-    background-color: #fbfbfc;
+    background-color: #fff;
     border-style: solid;
-    border-color: #5b9dd9;
-    box-shadow: 0 0 3px rgba( 0, 115, 170, .8 );
+    border-color: #4f94d4;
+    box-shadow: 0 0 3px rgba(34, 113, 177, 0.8);
     /* Only visible in Windows High Contrast mode */
     outline: 2px solid transparent;
@@ -139 +139 @@
     max-width: 100%;
     vertical-align: middle;
-    background-image: linear-gradient(45deg, #c4c4c4 25%, transparent 25%, transparent 75%, #c4c4c4 75%, #c4c4c4), linear-gradient(45deg, #c4c4c4 25%, transparent 25%, transparent 75%, #c4c4c4 75%, #c4c4c4);
+    background-image: linear-gradient(45deg, #c3c4c7 25%, transparent 25%, transparent 75%, #c3c4c7 75%, #c3c4c7), linear-gradient(45deg, #c3c4c7 25%, transparent 25%, transparent 75%, #c3c4c7 75%, #c3c4c7);
     background-position: 0 0, 10px 10px;
     background-size: 20px 20px;
@@ -169 +169 @@
     min-height: 132px;
     width: 100%;
-    background: black;
+    background: #000;
 }
 
@@ -177 +177 @@
     width: 100%;
     top: -90px;
-    color: white;
+    color: #fff;
     text-decoration: none;
 }
@@ -187 +187 @@
 .media-frame #embed-url-field.invalid,
 .media-widget-image-link > .link:invalid {
-    border: 1px solid #dc3232;
+    border: 1px solid #d63638;
 }
 
@@ -207 +207 @@
 
 .media-widget-preview .placeholder {
-    background: #f1f1f1;
+    background: #f0f0f1;
 }
 
@@ -259 +259 @@
     font-weight: 600;
     font-size: 2em;
-    color: white;
+    color: #fff;
 }
 
@@ -273 +273 @@
 
 .widget-placeholder {
-    border: 1px dashed #b4b9be;
+    border: 1px dashed #c3c4c7;
     margin: 0 auto 10px;
     height: 45px;
@@ -339 +339 @@
 .sidebar-name .handlediv:focus .toggle-indicator:before {
     box-shadow:
-        0 0 0 1px #5b9dd9,
-        0 0 2px 1px rgba(30, 140, 190, 0.8);
+        0 0 0 1px #4f94d4,
+        0 0 2px 1px rgba(79, 148, 212, 0.8);
 }
 
@@ -355 +355 @@
     margin: 0;
     font-style: normal;
-    color: #72777c;
+    color: #787c82;
 }
 
 .widget-holder .description,
 .inactive-sidebar .description {
-    color: #555d66;
+    color: #50575e;
 }
 
@@ -513 +513 @@
 /* Dragging a widget over a closed sidebar */
 #widgets-right .widgets-holder-wrap.widget-hover {
-    border-color: #72777c;
+    border-color: #787c82;
     box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
 }
@@ -535 +535 @@
 .widgets_access #widgets-left .widget .widget-top:hover,
 .widgets_access #widgets-right .widget .widget-top:hover {
-    border-color: #ddd;
+    border-color: #dcdcde;
 }
 
@@ -549 +549 @@
 .widget-control-edit {
     display: block;
-    color: #666;
-    background: #EEE;
+    color: #646970;
+    background: #f0f0f1;
     padding: 0 15px;
     line-height: 3.30769230;
-    border-left: 1px solid #DDD;
+    border-left: 1px solid #dcdcde;
 }
 
@@ -559 +559 @@
 #widgets-right .widget-control-edit:hover {
     color: #fff;
-    background: #444;
+    background: #3c434a;
     border-left: 0;
-    outline: 1px solid #444;
+    outline: 1px solid #3c434a;
 }
 
@@ -617 +617 @@
     font-size: 12px;
     line-height: 1;
-    color: black;
+    color: #000;
 }
 
 .js #removing-widget {
-    color: #00a0d2;
+    color: #72aee6;
 }
 
@@ -673 +673 @@
 div#widgets-right .widget-top:hover,
 #widgets-left .widget-top:hover {
-    border-color: #999;
+    border-color: #8c8f94;
     box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
 }
@@ -689 +689 @@
 
 .widgets-chooser ul {
-    border: 1px solid #ccc;
+    border: 1px solid #c3c4c7;
 }
 
 .widgets-chooser li {
-    border-bottom: 1px solid #ccc;
+    border-bottom: 1px solid #c3c4c7;
     background: #fff;
     margin: 0;
@@ -722 +722 @@
 
 .widgets-chooser .widgets-chooser-selected .widgets-chooser-button {
-    background: #0073aa;
+    background: #2271b1;
     color: #fff;
 }
@@ -774 +774 @@
 
 .custom-html-widget-fields > p > .CodeMirror {
-    border: 1px solid #e5e5e5;
+    border: 1px solid #dcdcde;
 }
 .custom-html-widget-fields code {

trunk/src/wp-admin/includes/misc.php

@@ -1005 +1005 @@
         // Fall back to the default set of icon colors if the default scheme is missing.
         $icon_colors = array(
-            'base'    => '#a0a5aa',
-            'focus'   => '#00a0d2',
+            'base'    => '#a7aaad',
+            'focus'   => '#72aee6',
             'current' => '#fff',
         );

trunk/src/wp-includes/css/admin-bar.css

@@ -35 +35 @@
 #wpadminbar > #wp-toolbar span.ab-label,
 #wpadminbar > #wp-toolbar span.noticon {
-    color: #eee;
+    color: #f0f0f1;
 }
 
@@ -78 +78 @@
 #wpadminbar {
     direction: ltr;
-    color: #ccc;
+    color: #c3c4c7;
     font-size: 13px;
     font-weight: 400;
@@ -90 +90 @@
     min-width: 600px; /* match the min-width of the body in wp-admin/css/common.css */
     z-index: 99999;
-    background: #23282d;
+    background: #1d2327;
 }
 
@@ -144 +144 @@
     padding: 0;
     box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
-    background: #32373c;
+    background: #2c3338;
     display: none;
     position: absolute;
@@ -212 +212 @@
 #wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
 #wpadminbar .ab-top-menu > li.hover > .ab-item {
-    background: #32373c;
-    color: #00b9eb;
+    background: #2c3338;
+    color: #72aee6;
 }
 
@@ -219 +219 @@
 #wpadminbar > #wp-toolbar li.hover span.ab-label,
 #wpadminbar:not(.mobile) > #wp-toolbar a:focus span.ab-label {
-    color: #00b9eb;
+    color: #72aee6;
 }
 
@@ -240 +240 @@
 #wpadminbar .ab-item:before,
 #wpadminbar #adminbarsearch:before {
-    color: #a0a5aa;
-    color: rgba(240, 245, 250, 0.6);
+    color: #a7aaad;
+    color: rgba(240, 246, 252, 0.6);
 }
 
@@ -257 +257 @@
 
 #wpadminbar .ab-submenu .ab-item {
-    color: #b4b9be;
-    color: rgba(240, 245, 250, 0.7);
+    color: #c3c4c7;
+    color: rgba(240, 246, 252, 0.7);
 }
 
@@ -265 +265 @@
 #wpadminbar .quicklinks .menupop.hover ul li a,
 #wpadminbar.nojs .quicklinks .menupop:hover ul li a {
-    color: #b4b9be;
-    color: rgba(240, 245, 250, 0.7);
+    color: #c3c4c7;
+    color: rgba(240, 246, 252, 0.7);
 }
 
@@ -289 +289 @@
 #wpadminbar li:hover #adminbarsearch:before,
 #wpadminbar li #adminbarsearch.adminbar-focused:before {
-    color: #00b9eb;
+    color: #72aee6;
 }
 
 #wpadminbar.mobile .quicklinks .ab-icon:before,
 #wpadminbar.mobile .quicklinks .ab-item:before {
-    color: #b4b9be;
+    color: #c3c4c7;
 }
 
 #wpadminbar.mobile .quicklinks .hover .ab-icon:before,
 #wpadminbar.mobile .quicklinks .hover .ab-item:before {
-    color: #00b9eb;
+    color: #72aee6;
 }
 
@@ -345 +345 @@
 #wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
 #wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
-    background: #464b50;
+    background: #3c434a;
 }
 
 #wpadminbar .quicklinks .menupop .ab-sub-secondary > li > a:hover,
 #wpadminbar .quicklinks .menupop .ab-sub-secondary > li .ab-item:focus a {
-    color: #00b9eb;
+    color: #72aee6;
 }
 
 #wpadminbar .quicklinks a span#ab-updates {
-    background: #eee;
-    color: #32373c;
+    background: #f0f0f1;
+    color: #2c3338;
     display: inline;
     padding: 2px 5px;
@@ -382 +382 @@
 #wpadminbar #wp-admin-bar-recovery-mode {
     color: #fff;
-    background-color: #ca4a1f;
+    background-color: #d63638;
 }
 
@@ -390 +390 @@
 #wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus {
     color: #fff;
-    background-color: #c0461e;
+    background-color: #d63638;
 }
 
@@ -462 +462 @@
 
 #wpadminbar #wp-admin-bar-user-info .username {
-    color: #a0a5aa;
+    color: #a7aaad;
     font-size: 11px;
 }
@@ -471 +471 @@
     height: 16px;
     padding: 0;
-    border: 1px solid #82878c;
-    background: #eee;
+    border: 1px solid #8c8f94;
+    background: #f0f0f1;
     line-height: 1.84615384;
     vertical-align: middle;
@@ -509 +509 @@
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
-    color: #eee;
+    color: #f0f0f1;
 }
 
@@ -515 +515 @@
 #wpadminbar .quicklinks li a:focus .blavatar,
 #wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a .blavatar {
-    color: #00b9eb;
+    color: #72aee6;
 }
 
@@ -632 +632 @@
     padding: 0 3px 0 24px;
     margin: 0;
-    color: #ccc;
+    color: #c3c4c7;
     background-color: rgba(255, 255, 255, 0);
     border: none;
@@ -701 +701 @@
     font-weight: 600;
     padding: 15px 23px 14px;
-    background: #f1f1f1;
-    color: #0073aa;
+    background: #f0f0f1;
+    color: #2271b1;
     z-index: 100000;
     line-height: normal;
@@ -823 +823 @@
         width: 52px;
         padding: 0;
-        color: #a0a5aa; /* @todo not needed? this text is hidden */
+        color: #a7aaad; /* @todo not needed? this text is hidden */
         position: relative;
     }
@@ -929 +929 @@
         font-size: 16px;
         line-height: 1.5;
-        color: #eee;
+        color: #f0f0f1;
     }
 

trunk/src/wp-includes/css/buttons.css

@@ -116 +116 @@
 .wp-core-ui .button,
 .wp-core-ui .button-secondary {
-    color: #0071a1;
-    border-color: #0071a1;
-    background: #f3f5f6;
+    color: #2271b1;
+    border-color: #2271b1;
+    background: #f6f7f7;
     vertical-align: top;
 }
@@ -129 +129 @@
 .wp-core-ui .button:hover,
 .wp-core-ui .button-secondary:hover{
-    background: #f1f1f1;
-    border-color: #016087;
-    color: #016087;
+    background: #f0f0f1;
+    border-color: #0a4b78;
+    color: #0a4b78;
 }
 
@@ -137 +137 @@
 .wp-core-ui .button:focus,
 .wp-core-ui .button-secondary:focus {
-    background: #f3f5f6;
-    border-color: #007cba;
-    color: #016087;
-    box-shadow: 0 0 0 1px #007cba;
+    background: #f6f7f7;
+    border-color: #3582c4;
+    color: #0a4b78;
+    box-shadow: 0 0 0 1px #3582c4;
     /* Only visible in Windows High Contrast mode */
     outline: 2px solid transparent;
@@ -150 +150 @@
 .wp-core-ui .button:active,
 .wp-core-ui .button-secondary:active {
-    background: #f3f5f6;
-    border-color: #7e8993;
+    background: #f6f7f7;
+    border-color: #8c8f94;
     box-shadow: none;
 }
@@ -158 +158 @@
 .wp-core-ui .button.active,
 .wp-core-ui .button.active:hover {
-    background-color: #e2e4e7;
-    color: #00669b;
-    border-color: #016087;
-    box-shadow: inset 0 2px 5px -3px #016087;
+    background-color: #dcdcde;
+    color: #135e96;
+    border-color: #0a4b78;
+    box-shadow: inset 0 2px 5px -3px #0a4b78;
 }
 
 .wp-core-ui .button.active:focus {
-    border-color: #007cba;
+    border-color: #3582c4;
     box-shadow:
-        inset 0 2px 5px -3px #016087,
-        0 0 0 1px #007cba;
+        inset 0 2px 5px -3px #0a4b78,
+        0 0 0 1px #3582c4;
 }
 
@@ -178 +178 @@
 .wp-core-ui .button-secondary.disabled,
 .wp-core-ui .button-disabled {
-    color: #a0a5aa !important;
-    border-color: #ddd !important;
-    background: #f7f7f7 !important;
+    color: #a7aaad !important;
+    border-color: #dcdcde !important;
+    background: #f6f7f7 !important;
     box-shadow: none !important;
     cursor: default;
@@ -197 +197 @@
     text-align: left;
     /* Mimics the default link style in common.css */
-    color: #0073aa;
+    color: #2271b1;
     text-decoration: underline;
     transition-property: border, background, color;
@@ -206 +206 @@
 .wp-core-ui .button-link:hover,
 .wp-core-ui .button-link:active {
-    color: #006799;
+    color: #135e96;
 }
 
 .wp-core-ui .button-link:focus {
-    color: #124964;
+    color: #043959;
     box-shadow:
-        0 0 0 1px #5b9dd9,
-        0 0 2px 1px rgba(30, 140, 190, 0.8);
+        0 0 0 1px #4f94d4,
+        0 0 2px 1px rgba(79, 148, 212, 0.8);
     /* Only visible in Windows High Contrast mode */
     outline: 1px solid transparent;
@@ -219 +219 @@
 
 .wp-core-ui .button-link-delete {
-    color: #a00;
+    color: #d63638;
 }
 
 .wp-core-ui .button-link-delete:hover,
 .wp-core-ui .button-link-delete:focus {
-    color: #dc3232;
+    color: #d63638;
     background: transparent;
 }
@@ -239 +239 @@
 
 .wp-core-ui .button-primary {
-    background: #007cba;
-    border-color: #007cba;
+    background: #3582c4;
+    border-color: #3582c4;
     color: #fff;
     text-decoration: none;
@@ -250 +250 @@
 .wp-core-ui .button-primary.focus,
 .wp-core-ui .button-primary:focus {
-    background: #0071a1;
-    border-color: #0071a1;
+    background: #2271b1;
+    border-color: #2271b1;
     color: #fff;
 }
@@ -259 +259 @@
     box-shadow:
         0 0 0 1px #fff,
-        0 0 0 3px #007cba;
+        0 0 0 3px #3582c4;
 }
 
@@ -266 +266 @@
 .wp-core-ui .button-primary.active:focus,
 .wp-core-ui .button-primary:active {
-    background: #00669b;
-    border-color: #00669b;
+    background: #135e96;
+    border-color: #135e96;
     box-shadow: none;
     color: #fff;
@@ -276 +276 @@
 .wp-core-ui .button-primary-disabled,
 .wp-core-ui .button-primary.disabled {
-    color: #a0a5aa !important;
-    background: #f7f7f7 !important;
-    border-color: #ddd !important;
+    color: #a7aaad !important;
+    background: #f6f7f7 !important;
+    border-color: #dcdcde !important;
     box-shadow: none !important;
     text-shadow: none !important;
@@ -321 +321 @@
 /* pressed state e.g. a selected setting */
 .wp-core-ui .button-group > .button.active {
-    background-color: #e2e4e7;
-    color: #00669b;
-    border-color: #016087;
-    box-shadow: inset 0 2px 5px -3px #016087;
+    background-color: #dcdcde;
+    color: #135e96;
+    border-color: #0a4b78;
+    box-shadow: inset 0 2px 5px -3px #0a4b78;
 }
 
 .wp-core-ui .button-group > .button.active:focus {
-    border-color: #007cba;
+    border-color: #3582c4;
     box-shadow:
-        inset 0 2px 5px -3px #016087,
-        0 0 0 1px #007cba;
+        inset 0 2px 5px -3px #0a4b78,
+        0 0 0 1px #3582c4;
 }
 

trunk/src/wp-includes/css/customize-preview.css

@@ -45 +45 @@
     font-size: 18px;
     z-index: 5;
-    background: #0085ba !important;
+    background: #3582c4 !important;
     border-radius: 50%;
     border: 2px solid #fff;
-    box-shadow: 0 2px 1px rgba(46, 68, 83, 0.15);
+    box-shadow: 0 2px 1px rgba(60, 67, 74, 0.15);
     text-align: center;
     cursor: pointer;
@@ -58 +58 @@
     pointer-events: none;
     text-shadow:
-        0 -1px 1px #006799,
-        1px 0 1px #006799,
-        0 1px 1px #006799,
-        -1px 0 1px #006799;
+        0 -1px 1px #135e96,
+        1px 0 1px #135e96,
+        0 1px 1px #135e96,
+        -1px 0 1px #135e96;
 }
 .wp-custom-header .customize-partial-edit-shortcut button {
@@ -77 +77 @@
 
 .customize-partial-edit-shortcut button:hover {
-    background: #008ec2 !important; /* matches primary buttons */
+    background: #4f94d4 !important; /* matches primary buttons */
 }
 
 .customize-partial-edit-shortcut button:focus {
-    box-shadow: 0 0 0 2px #008ec2;
+    box-shadow: 0 0 0 2px #4f94d4;
 }
 

trunk/src/wp-includes/css/editor.css

@@ -45 +45 @@
 
 .mce-window .mce-window-head {
-    background: #fcfcfc;
-    border-bottom: 1px solid #ddd;
+    background: #fff;
+    border-bottom: 1px solid #dcdcde;
     padding: 0;
     min-height: 36px;
@@ -52 +52 @@
 
 .mce-window .mce-window-head .mce-title {
-    color: #444;
+    color: #3c434a;
     font-size: 18px;
     font-weight: 600;
@@ -75 +75 @@
     font: normal 20px/36px dashicons;
     text-align: center;
-    color: #666;
+    color: #646970;
     width: 36px;
     height: 36px;
@@ -83 +83 @@
 .mce-window-head .mce-close:hover .mce-i-remove:before,
 .mce-window-head .mce-close:focus .mce-i-remove:before {
-    color: #006799;
+    color: #135e96;
 }
 
 .mce-window-head .mce-close:focus .mce-i-remove,
 div.mce-tab:focus {
-    box-shadow: 0 0 0 1px #5b9dd9,
-        0 0 2px 1px rgba(30, 140, 190, 0.8);
+    box-shadow: 0 0 0 1px #4f94d4,
+        0 0 2px 1px rgba(79, 148, 212, 0.8);
 }
 
@@ -97 +97 @@
 
 .mce-window .mce-foot {
-    border-top: 1px solid #ddd;
+    border-top: 1px solid #dcdcde;
 }
 
@@ -103 +103 @@
 .mce-checkbox i.mce-i-checkbox,
 #wp-link .query-results {
-    border: 1px solid #ddd;
+    border: 1px solid #dcdcde;
     border-radius: 0;
     box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07);
@@ -113 +113 @@
 .mce-checkbox:focus i.mce-i-checkbox,
 #wp-link .query-results:focus {
-    border-color: #5b9dd9;
-    box-shadow: 0 0 2px rgba(30, 140, 190, 0.8);
+    border-color: #4f94d4;
+    box-shadow: 0 0 2px rgba(79, 148, 212, 0.8);
 }
 
@@ -189 +189 @@
     font-weight: 600;
     margin: 0;
-    background: #eaeaea;
+    background: #f0f0f1;
     background: rgba(0, 0, 0, 0.08);
 }
@@ -236 +236 @@
 
 .mce-panel.mce-menu {
-    border: 1px solid #ddd;
+    border: 1px solid #dcdcde;
 }
 
@@ -245 +245 @@
 /* TinyMCE toolbars */
 div.mce-toolbar-grp {
-    border-bottom: 1px solid #ddd;
-    background: #f5f5f5;
+    border-bottom: 1px solid #dcdcde;
+    background: #f6f7f7;
     padding: 0;
     position: relative;
@@ -252 +252 @@
 
 div.mce-inline-toolbar-grp {
-    border: 1px solid #a0a5aa;
+    border: 1px solid #a7aaad;
     border-radius: 2px;
     box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
@@ -288 +288 @@
 div.mce-inline-toolbar-grp.mce-arrow-up:before {
     top: -9px;
-    border-bottom-color: #a0a5aa;
+    border-bottom-color: #a7aaad;
     border-width: 0 9px 9px;
     margin-left: -9px;
@@ -295 +295 @@
 div.mce-inline-toolbar-grp.mce-arrow-down:before {
     bottom: -9px;
-    border-top-color: #a0a5aa;
+    border-top-color: #a7aaad;
     border-width: 9px 9px 0;
     margin-left: -9px;
@@ -302 +302 @@
 div.mce-inline-toolbar-grp.mce-arrow-up:after {
     top: -8px;
-    border-bottom-color: #f5f5f5;
+    border-bottom-color: #f6f7f7;
     border-width: 0 8px 8px;
     margin-left: -8px;
@@ -309 +309 @@
 div.mce-inline-toolbar-grp.mce-arrow-down:after {
     bottom: -8px;
-    border-top-color: #f5f5f5;
+    border-top-color: #f6f7f7;
     border-width: 8px 8px 0;
     margin-left: -8px;
@@ -371 +371 @@
 
 div.mce-statusbar {
-    border-top: 1px solid #e5e5e5;
+    border-top: 1px solid #dcdcde;
 }
 
@@ -410 +410 @@
 .qt-dfw:hover,
 .qt-dfw:focus {
-    background: #fafafa;
-    border-color: #555d66;
-    color: #23282d;
+    background: #f6f7f7;
+    border-color: #50575e;
+    color: #1d2327;
     box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba(0, 0, 0, 0.08);
     outline: none;
@@ -420 +420 @@
 .mce-toolbar .mce-btn-group .mce-btn:active,
 .qt-dfw.active {
-    background: #ebebeb;
-    border-color: #555d66;
+    background: #f0f0f1;
+    border-color: #50575e;
     box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.3);
 }
@@ -435 +435 @@
 .mce-toolbar .mce-btn-group .mce-btn.mce-active:hover,
 .mce-toolbar .mce-btn-group .mce-btn.mce-active:focus {
-    border-color: #23282d;
+    border-color: #1d2327;
 }
 
 .mce-toolbar .mce-btn-group .mce-btn.mce-disabled:hover,
 .mce-toolbar .mce-btn-group .mce-btn.mce-disabled:focus {
-    color: #a0a5aa;
+    color: #a7aaad;
     background: none;
-    border-color: #ddd;
+    border-color: #dcdcde;
     text-shadow: 0 1px 0 #fff;
     box-shadow: none;
@@ -448 +448 @@
 
 .mce-toolbar .mce-btn-group .mce-btn.mce-disabled:focus {
-    border-color: #555d66;
+    border-color: #50575e;
 }
 
@@ -489 +489 @@
     height: 3px;
     width: 20px;
-    background: #555d66;
+    background: #50575e;
 }
 
 .mce-toolbar .mce-btn-group .mce-btn.mce-primary {
     min-width: 0;
-    background: #0085ba;
-    border-color: #0073aa #006799 #006799;
-    box-shadow: 0 1px 0 #006799;
+    background: #3582c4;
+    border-color: #2271b1 #135e96 #135e96;
+    box-shadow: 0 1px 0 #135e96;
     color: #fff;
     text-decoration: none;
@@ -513 +513 @@
 .mce-toolbar .mce-btn-group .mce-btn.mce-primary:hover,
 .mce-toolbar .mce-btn-group .mce-btn.mce-primary:focus {
-    background: #008ec2;
-    border-color: #006799;
+    background: #4f94d4;
+    border-color: #135e96;
     color: #fff;
 }
 
 .mce-toolbar .mce-btn-group .mce-btn.mce-primary:focus {
-    box-shadow: 0 0 1px 1px #33b3db;
+    box-shadow: 0 0 1px 1px #72aee6;
 }
 
 .mce-toolbar .mce-btn-group .mce-btn.mce-primary:active {
-    background: #0073aa;
-    border-color: #006799;
-    box-shadow: inset 0 2px 0 #006799;
+    background: #2271b1;
+    border-color: #135e96;
+    box-shadow: inset 0 2px 0 #135e96;
 }
 
@@ -533 +533 @@
     direction: ltr;
     background: #fff;
-    border: 1px solid #ddd;
+    border: 1px solid #dcdcde;
     box-shadow: inset 0 1px 1px -1px rgba(0, 0, 0, 0.2);
 }
@@ -539 +539 @@
 .mce-toolbar .mce-btn-group .mce-btn.mce-listbox:hover,
 .mce-toolbar .mce-btn-group .mce-btn.mce-listbox:focus {
-    border-color: #b4b9be;
+    border-color: #c3c4c7;
 }
 
 .mce-panel .mce-btn i.mce-caret {
-    border-top: 6px solid #555d66;
+    border-top: 6px solid #50575e;
     margin-left: 2px;
     margin-right: 2px;
@@ -554 +554 @@
 .mce-panel .mce-btn:hover i.mce-caret,
 .mce-panel .mce-btn:focus i.mce-caret {
-    border-top-color: #23282d;
+    border-top-color: #1d2327;
 }
 
 .mce-panel .mce-active i.mce-caret {
     border-top: 0;
-    border-bottom: 6px solid #23282d;
+    border-bottom: 6px solid #1d2327;
     margin-top: 7px;
 }
@@ -581 +581 @@
 .mce-menu .mce-menu-item.mce-active.mce-menu-item-normal,
 .mce-menu .mce-menu-item.mce-active.mce-menu-item-preview {
-    background: #0073aa; /* See color scheme. */
+    background: #2271b1; /* See color scheme. */
     color: #fff;
 }
@@ -618 +618 @@
 
 .mce-menu .mce-menu-item.mce-disabled:hover {
-    background: #ccc;
+    background: #c3c4c7;
 }
 
 /* Menubar */
 div.mce-menubar {
-    border-color: #e5e5e5;
+    border-color: #dcdcde;
     background: #fff;
     border-width: 0px 0px 1px;
@@ -636 +636 @@
 
 .mce-menubar .mce-menubtn:focus {
-    color: #124964;
+    color: #043959;
     box-shadow:
-        0 0 0 1px #5b9dd9,
-        0 0 2px 1px rgba(30, 140, 190, 0.8);
+        0 0 0 1px #4f94d4,
+        0 0 2px 1px rgba(79, 148, 212, 0.8);
 }
 
 div.mce-menu .mce-menu-item-sep,
 .mce-menu-item-sep:hover {
-    border-bottom: 1px solid #ddd;
+    border-bottom: 1px solid #dcdcde;
     height: 0px;
     margin: 5px 0;
@@ -679 +679 @@
 
 .mce-window .mce-btn {
-    color: #555;
-    background: #f7f7f7;
+    color: #50575e;
+    background: #f6f7f7;
     text-decoration: none;
     font-size: 13px;
@@ -688 +688 @@
     padding: 0;
     cursor: pointer;
-    border: 1px solid #cccccc;
+    border: 1px solid #c3c4c7;
     -webkit-appearance: none;
     border-radius: 3px;
     white-space: nowrap;
-    box-shadow: 0 1px 0 #cccccc;
+    box-shadow: 0 1px 0 #c3c4c7;
 }
 
@@ -704 +704 @@
 .mce-window .mce-btn:hover,
 .mce-window .mce-btn:focus {
-    background: #fafafa;
-    border-color: #999;
-    color: #23282d;
+    background: #f6f7f7;
+    border-color: #8c8f94;
+    color: #1d2327;
 }
 
 .mce-window .mce-btn:focus {
-    border-color: #5b9dd9;
-    box-shadow: 0 0 3px rgba(0, 115, 170, 0.8);
+    border-color: #4f94d4;
+    box-shadow: 0 0 3px rgba(34, 113, 177, 0.8);
 }
 
 .mce-window .mce-btn:active {
-    background: #eee;
-    border-color: #999;
+    background: #f0f0f1;
+    border-color: #8c8f94;
     box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5);
     transform: translateY(1px);
@@ -722 +722 @@
 
 .mce-window .mce-btn.mce-disabled {
-    color: #a0a5aa !important;
-    border-color: #ddd !important;
-    background: #f7f7f7 !important;
+    color: #a7aaad !important;
+    border-color: #dcdcde !important;
+    background: #f6f7f7 !important;
     box-shadow: none !important;
     text-shadow: 0 1px 0 #fff !important;
@@ -732 +732 @@
 
 .mce-window .mce-btn.mce-primary {
-    background: #0085ba;
-    border-color: #0073aa #006799 #006799;
-    box-shadow: 0 1px 0 #006799;
+    background: #3582c4;
+    border-color: #2271b1 #135e96 #135e96;
+    box-shadow: 0 1px 0 #135e96;
     color: #fff;
     text-decoration: none;
-    text-shadow: 0 -1px 1px #006799,
-        1px 0 1px #006799,
-        0 1px 1px #006799,
-        -1px 0 1px #006799;
+    text-shadow: 0 -1px 1px #135e96,
+        1px 0 1px #135e96,
+        0 1px 1px #135e96,
+        -1px 0 1px #135e96;
 }
 
 .mce-window .mce-btn.mce-primary:hover,
 .mce-window .mce-btn.mce-primary:focus {
-    background: #008ec2;
-    border-color: #006799;
+    background: #4f94d4;
+    border-color: #135e96;
     color: #fff;
 }
 
 .mce-window .mce-btn.mce-primary:focus {
-    box-shadow: 0 1px 0 #0073aa,
-        0 0 2px 1px #33b3db;
+    box-shadow: 0 1px 0 #2271b1,
+        0 0 2px 1px #72aee6;
 }
 
 .mce-window .mce-btn.mce-primary:active {
-    background: #0073aa;
-    border-color: #006799;
-    box-shadow: inset 0 2px 0 #006799;
+    background: #2271b1;
+    border-color: #135e96;
+    box-shadow: inset 0 2px 0 #135e96;
     vertical-align: top;
 }
 
 .mce-window .mce-btn.mce-primary.mce-disabled {
-    color: #66c6e4 !important;
-    background: #008ec2 !important;
-    border-color: #007cb2 !important;
+    color: #9ec2e6 !important;
+    background: #4f94d4 !important;
+    border-color: #3582c4 !important;
     box-shadow: none !important;
     text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1) !important;
@@ -784 +784 @@
 .mce-charmap td {
     padding: 0;
-    border-color: #ddd;
+    border-color: #dcdcde;
     cursor: pointer;
 }
 
 .mce-charmap td:hover {
-    background: #f3f3f3;
+    background: #f6f7f7;
 }
 
@@ -820 +820 @@
 
 .mce-toolbar .mce-ico {
-    color: #555d66;
+    color: #50575e;
     line-height: 1;
     width: 20px;
@@ -831 +831 @@
 
 .qt-dfw {
-    color: #555d66;
+    color: #50575e;
     line-height: 1;
     width: 28px;
@@ -846 +846 @@
 .mce-toolbar .mce-btn:focus .mce-open,
 .mce-toolbar .mce-btn.mce-active .mce-open {
-    border-left-color: #23282d;
+    border-left-color: #1d2327;
 }
 
@@ -858 +858 @@
     top: 3px;
     font-weight: 400;
-    color: #555d66;
+    color: #50575e;
 }
 
@@ -1082 +1082 @@
 .wp-editor-container {
     clear: both;
-    border: 1px solid #e5e5e5;
+    border: 1px solid #dcdcde;
 }
 
@@ -1121 +1121 @@
     position: relative;
     top: 1px;
-    background: #ebebeb;
-    color: #666;
+    background: #f0f0f1;
+    color: #646970;
     cursor: pointer;
     font-size: 13px;
@@ -1129 +1129 @@
     margin: 5px 0 0 5px;
     padding: 3px 8px 4px;
-    border: 1px solid #e5e5e5;
+    border: 1px solid #dcdcde;
 }
 
 .wp-switch-editor:focus {
     box-shadow:
-        0 0 0 1px #5b9dd9,
-        0 0 2px 1px rgba(30, 140, 190, 0.8);
+        0 0 0 1px #4f94d4,
+        0 0 2px 1px rgba(79, 148, 212, 0.8);
     outline: none;
-    color: #23282d;
+    color: #1d2327;
 }
 
@@ -1147 +1147 @@
 
 .wp-switch-editor:active {
-    background-color: #f5f5f5;
+    background-color: #f6f7f7;
     box-shadow: none;
 }
@@ -1161 +1161 @@
 .tmce-active .switch-tmce,
 .html-active .switch-html {
-    background: #f5f5f5;
-    color: #555;
-    border-bottom-color: #f5f5f5;
+    background: #f6f7f7;
+    color: #50575e;
+    border-bottom-color: #f6f7f7;
 }
 
@@ -1190 +1190 @@
 .wp-media-buttons a {
     text-decoration: none;
-    color: #444;
+    color: #3c434a;
     font-size: 12px;
 }
@@ -1231 +1231 @@
     padding: 3px;
     position: relative;
-    border-bottom: 1px solid #ddd;
-    background: #f5f5f5;
+    border-bottom: 1px solid #dcdcde;
+    background: #f6f7f7;
     min-height: 30px;
 }
@@ -1340 +1340 @@
 #wp_editgallery,
 #wp_delgallery {
-    border-color: #999;
-    background-color: #eee;
+    border-color: #8c8f94;
+    background-color: #f0f0f1;
     margin: 2px;
     padding: 2px;
@@ -1353 +1353 @@
 #wp_editgallery:hover,
 #wp_delgallery:hover {
-    border-color: #555;
-    background-color: #ccc;
+    border-color: #50575e;
+    background-color: #c3c4c7;
 }
 
@@ -1409 +1409 @@
 
 #link-modal-title {
-    background: #fcfcfc;
-    border-bottom: 1px solid #ddd;
+    background: #fff;
+    border-bottom: 1px solid #dcdcde;
     height: 36px;
     font-size: 18px;
@@ -1420 +1420 @@
 
 #wp-link-close {
-    color: #666;
+    color: #646970;
     padding: 0;
     position: absolute;
@@ -1446 +1446 @@
 #wp-link-close:hover,
 #wp-link-close:focus {
-    color: #006799;
+    color: #135e96;
 }
 
@@ -1452 +1452 @@
     outline: none;
     box-shadow:
-        0 0 0 1px #5b9dd9,
-        0 0 2px 1px rgba(30, 140, 190, 0.8);
+        0 0 0 1px #4f94d4,
+        0 0 2px 1px rgba(79, 148, 212, 0.8);
     /* Only visible in Windows High Contrast mode */
     outline: 2px solid transparent;
@@ -1537 +1537 @@
 
 #wp-link .query-results {
-    border: 1px #dfdfdf solid;
+    border: 1px #dcdcde solid;
     margin: 0 0 12px;
     background: #fff;
@@ -1555 +1555 @@
     clear: both;
     margin-bottom: 0;
-    border-bottom: 1px solid #f1f1f1;
-    color: #32373c;
+    border-bottom: 1px solid #f0f0f1;
+    color: #2c3338;
     padding: 4px 6px 4px 10px;
     cursor: pointer;
@@ -1564 +1564 @@
 #wp-link .query-notice {
     padding: 0;
-    border-bottom: 1px solid #dfdfdf;
-    background-color: #f7fcfe;
+    border-bottom: 1px solid #dcdcde;
+    background-color: #fff;
     color: #000;
 }
@@ -1573 +1573 @@
     display: block;
     padding: 6px;
-    border-left: 4px solid #00a0d2;
+    border-left: 4px solid #72aee6;
 }
 
 #wp-link .unselectable.no-matches-found {
     padding: 0;
-    border-bottom: 1px solid #dfdfdf;
-    background-color: #fef7f1;
+    border-bottom: 1px solid #dcdcde;
+    background-color: #f6f7f7;
 }
 
@@ -1585 +1585 @@
     display: block;
     padding: 6px;
-    border-left: 4px solid #d54e21;
+    border-left: 4px solid #d63638;
 }
 
@@ -1593 +1593 @@
 
 #wp-link li:hover {
-    background: #eaf2fa;
-    color: #151515;
+    background: #f0f6fc;
+    color: #101517;
 }
 
 #wp-link li.unselectable {
-    border-bottom: 1px solid #dfdfdf;
+    border-bottom: 1px solid #dcdcde;
 }
 
@@ -1604 +1604 @@
     background: #fff;
     cursor: auto;
-    color: #32373c;
+    color: #2c3338;
 }
 
 #wp-link li.selected {
-    background: #ddd;
-    color: #32373c;
+    background: #dcdcde;
+    color: #2c3338;
 }
 
@@ -1629 +1629 @@
 #wp-link .item-info {
     text-transform: uppercase;
-    color: #666;
+    color: #646970;
     font-size: 11px;
     position: absolute;
@@ -1643 +1643 @@
 #wp-link .submitbox {
     padding: 8px 16px;
-    background: #fcfcfc;
-    border-top: 1px solid #ddd;
+    background: #fff;
+    border-top: 1px solid #dcdcde;
     position: absolute;
     bottom: 0;
@@ -1755 +1755 @@
 
 div.wp-link-preview a {
-    color: #0073aa;
+    color: #2271b1;
     text-decoration: underline;
     transition-property: border, background, color;
@@ -1764 +1764 @@
 
 div.wp-link-preview a.wplink-url-error {
-    color: #dc3232;
+    color: #d63638;
 }
 
@@ -1799 +1799 @@
     list-style: none;
     position: absolute;
-    border: 1px solid #5b9dd9;
-    box-shadow: 0 1px 2px rgba(30, 140, 190, 0.8);
+    border: 1px solid #4f94d4;
+    box-shadow: 0 1px 2px rgba(79, 148, 212, 0.8);
     background-color: #fff;
 }
@@ -1817 +1817 @@
 
 .ui-autocomplete.wplink-autocomplete li.ui-state-focus {
-    background-color: #ddd;
+    background-color: #dcdcde;
     cursor: pointer;
 }

trunk/src/wp-includes/css/jquery-ui-dialog.css

@@ -194 +194 @@
     white-space: nowrap;
     box-sizing: border-box;
-    color: #555;
-    border-color: #cccccc;
-    background: #f7f7f7;
-    box-shadow: 0 1px 0 #cccccc;
+    color: #50575e;
+    border-color: #c3c4c7;
+    background: #f6f7f7;
+    box-shadow: 0 1px 0 #c3c4c7;
     vertical-align: top;
 }
@@ -215 +215 @@
 .ui-button:hover,
 .ui-button:focus {
-    background: #fafafa;
-    border-color: #999;
-    color: #23282d;
+    background: #f6f7f7;
+    border-color: #8c8f94;
+    color: #1d2327;
 }
 
 .ui-button:focus {
-    border-color: #5b9dd9;
-    box-shadow: 0 0 3px rgba(0, 115, 170, 0.8);
+    border-color: #4f94d4;
+    box-shadow: 0 0 3px rgba(34, 113, 177, 0.8);
 }
 
 .ui-button:active {
-    background: #eee;
-    border-color: #999;
+    background: #f0f0f1;
+    border-color: #8c8f94;
     box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5);
 }
@@ -233 +233 @@
 .ui-button[disabled],
 .ui-button:disabled {
-    color: #a0a5aa !important;
-    border-color: #ddd !important;
-    background: #f7f7f7 !important;
+    color: #a7aaad !important;
+    border-color: #dcdcde !important;
+    background: #f6f7f7 !important;
     box-shadow: none !important;
     text-shadow: 0 1px 0 #fff !important;
@@ -268 +268 @@
 
 .ui-dialog-titlebar {
-    background: #fcfcfc;
-    border-bottom: 1px solid #dfdfdf;
+    background: #fff;
+    border-bottom: 1px solid #dcdcde;
     height: 36px;
     font-size: 18px;
@@ -281 +281 @@
     border: none;
     box-shadow: none;
-    color: #666;
+    color: #646970;
     cursor: pointer;
     display: block;
@@ -309 +309 @@
 .ui-button.ui-dialog-titlebar-close:hover,
 .ui-button.ui-dialog-titlebar-close:focus {
-    color: #006799;
+    color: #135e96;
 }
 
 .ui-button.ui-dialog-titlebar-close:focus {
     box-shadow:
-        0 0 0 1px #5b9dd9,
-        0 0 2px 1px rgba(30, 140, 190, 0.8);
+        0 0 0 1px #4f94d4,
+        0 0 2px 1px rgba(79, 148, 212, 0.8);
     /* Only visible in Windows High Contrast mode */
     outline: 2px solid transparent;
@@ -327 +327 @@
 
 .ui-dialog-buttonpane {
-    background: #fcfcfc;
-    border-top: 1px solid #dfdfdf;
+    background: #fff;
+    border-top: 1px solid #dcdcde;
     padding: 16px;
 }

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

@@ -37 +37 @@
 .media-frame a {
     border-bottom: none;
-    color: #0073aa;
+    color: #2271b1;
 }
 
 .media-frame a:hover,
 .media-frame a:active {
-    color: #006799;
+    color: #135e96;
 }
 
 .media-frame a:focus {
     box-shadow:
-        0 0 0 1px #5b9dd9,
-        0 0 2px 1px rgba(30, 140, 190, 0.8);
-    color: #124964;
+        0 0 0 1px #4f94d4,
+        0 0 2px 1px rgba(79, 148, 212, 0.8);
+    color: #043959;
     /* Only visible in Windows High Contrast mode */
     outline: 1px solid transparent;
@@ -55 +55 @@
 
 .media-frame a.button {
-    color: #32373c;
+    color: #2c3338;
 }
 
 .media-frame a.button:hover {
-    color: #23282d;
+    color: #1d2327;
 }
 
@@ -96 +96 @@
     box-shadow: 0 0 0 transparent;
     border-radius: 4px;
-    border: 1px solid #7e8993;
+    border: 1px solid #8c8f94;
     background-color: #fff;
-    color: #32373c;
+    color: #2c3338;
     font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     font-size: 13px;
@@ -135 +135 @@
 .media-frame textarea:focus,
 .media-frame select:focus {
-    border-color: #007cba;
-    box-shadow: 0 0 0 1px #007cba;
+    border-color: #3582c4;
+    box-shadow: 0 0 0 1px #3582c4;
     outline: 2px solid transparent;
 }
@@ -144 +144 @@
 .media-frame input[readonly],
 .media-frame textarea[readonly] {
-    background-color: #eee;
+    background-color: #f0f0f1;
 }
 
@@ -152 +152 @@
 
 .media-frame ::-webkit-input-placeholder {
-    color: #72777c;
+    color: #787c82;
 }
 
 .media-frame ::-moz-placeholder {
-    color: #72777c;
+    color: #787c82;
     opacity: 1;
 }
 
 .media-frame :-ms-input-placeholder {
-    color: #72777c;
+    color: #787c82;
 }
 
@@ -228 +228 @@
     border: 1px solid transparent;
     background: none;
-    color: #666;
+    color: #646970;
     z-index: 1000;
     cursor: pointer;
@@ -237 +237 @@
 .media-modal-close:hover,
 .media-modal-close:active {
-    color: #006799;
+    color: #135e96;
 }
 
 .media-modal-close:focus {
-    color: #006799;
-    border-color: #5b9dd9;
-    box-shadow: 0 0 3px rgba(0, 115, 170, 0.8);
+    color: #135e96;
+    border-color: #4f94d4;
+    box-shadow: 0 0 3px rgba(34, 113, 177, 0.8);
     /* Only visible in Windows High Contrast mode */
     outline: 2px solid transparent;
@@ -270 +270 @@
     min-height: 300px;
     box-shadow: 0 5px 15px rgba(0, 0, 0, 0.7);
-    background: #fcfcfc;
+    background: #fff;
     -webkit-font-smoothing: subpixel-antialiased;
 }
@@ -302 +302 @@
     height: 60px;
     padding: 0 16px;
-    border: 0 solid #ddd;
+    border: 0 solid #dcdcde;
     overflow: hidden;
 }
@@ -311 +311 @@
     height: auto;
     overflow: visible;
-    border-top: 1px solid #ddd;
+    border-top: 1px solid #dcdcde;
 }
 
@@ -349 +349 @@
     padding: 0 16px;
     z-index: 75;
-    background: #f3f3f3;
-    border-left: 1px solid #ddd;
+    background: #f6f7f7;
+    border-left: 1px solid #dcdcde;
     overflow: auto;
     -webkit-overflow-scrolling: touch;
@@ -376 +376 @@
     text-transform: uppercase;
     font-size: 12px;
-    color: #666;
+    color: #646970;
     margin: 24px 0 8px;
 }
@@ -451 +451 @@
     line-height: 1.33333333;
     font-weight: 400;
-    color: #666;
+    color: #646970;
 }
 
@@ -477 +477 @@
     line-height: 2.18181818;
     text-align: left;
-    color: #40860a;
+    color: #008a20;
 }
 
@@ -605 +605 @@
     margin: 0;
     padding: 50px 0 10px;
-    background: #f3f3f3;
+    background: #f6f7f7;
     border-right-width: 1px;
     border-right-style: solid;
-    border-right-color: #ccc;
+    border-right-color: #c3c4c7;
     -webkit-user-select: none;
     -ms-user-select: none;
@@ -625 +625 @@
     line-height: 1.28571428;
     background: transparent;
-    color: #0073aa;
+    color: #2271b1;
     text-align: left;
     text-decoration: none;
@@ -636 +636 @@
 
 .media-menu .media-menu-item:active {
-    color: #0073aa;
+    color: #2271b1;
     outline: none;
 }
@@ -642 +642 @@
 .media-menu .active,
 .media-menu .active:hover {
-    color: #23282d;
+    color: #1d2327;
     font-weight: 600;
 }
@@ -648 +648 @@
 .media-menu .media-menu-item:focus {
     box-shadow:
-        0 0 0 1px #5b9dd9,
-        0 0 2px 1px rgba(30, 140, 190, 0.8);
-    color: #124964;
+        0 0 0 1px #4f94d4,
+        0 0 2px 1px rgba(79, 148, 212, 0.8);
+    color: #043959;
     /* Only visible in Windows High Contrast mode */
     outline: 1px solid transparent;
@@ -659 +659 @@
     margin: 12px 20px;
     padding: 0;
-    border-top: 1px solid #ddd;
+    border-top: 1px solid #dcdcde;
 }
 
@@ -693 +693 @@
 .media-router .media-menu-item:hover,
 .media-router .media-menu-item:active {
-    color: #0073aa;
+    color: #2271b1;
 }
 
 .media-router .active,
 .media-router .active:hover {
-    color: #23282d;
+    color: #1d2327;
 }
 
 .media-router .media-menu-item:focus {
     box-shadow:
-        0 0 0 1px #5b9dd9,
-        0 0 2px 1px rgba(30, 140, 190, 0.8);
-    color: #124964;
+        0 0 0 1px #4f94d4,
+        0 0 2px 1px rgba(79, 148, 212, 0.8);
+    color: #043959;
     /* Only visible in Windows High Contrast mode */
     outline: 1px solid transparent;
@@ -714 +714 @@
     margin: -1px -1px 0;
     background: #fff;
-    border: 1px solid #ddd;
+    border: 1px solid #dcdcde;
     border-bottom: none;
 }
@@ -772 +772 @@
     overflow: auto;
     background: #fff;
-    border-top: 1px solid #ddd;
+    border-top: 1px solid #dcdcde;
 }
 
@@ -911 +911 @@
     padding: 4px;
     font-size: 13px;
-    color: #444;
+    color: #3c434a;
     font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     -webkit-appearance: none;
@@ -944 +944 @@
     padding: 8px;
     margin: 0;
-    color: #444;
+    color: #3c434a;
     cursor: pointer;
     list-style: none;
@@ -960 +960 @@
     box-shadow:
         inset 0 0 2px 3px #fff,
-        inset 0 0 0 7px #5b9dd9;
+        inset 0 0 0 7px #4f94d4;
     /* Only visible in Windows High Contrast mode */
     outline: 2px solid transparent;
@@ -969 +969 @@
     box-shadow:
         inset 0 0 0 5px #fff,
-        inset 0 0 0 7px #ccc;
+        inset 0 0 0 7px #c3c4c7;
 }
 
@@ -975 +975 @@
     box-shadow:
         inset 0 0 0 3px #fff,
-        inset 0 0 0 7px #0073aa;
+        inset 0 0 0 7px #2271b1;
 }
 
@@ -983 +983 @@
         inset 0 0 15px rgba(0, 0, 0, 0.1),
         inset 0 0 0 1px rgba(0, 0, 0, 0.05);
-    background: #eee;
+    background: #f0f0f1;
     cursor: pointer;
 }
@@ -1104 +1104 @@
     right: 0;
     outline: none;
-    background: #eee;
+    background: #f0f0f1;
     cursor: pointer;
     box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 0, 0, 0.15);
@@ -1128 +1128 @@
 .wp-core-ui .attachment.selected .check:focus,
 .wp-core-ui .media-frame.mode-grid .attachment.selected .check {
-    background-color: #0073aa;
+    background-color: #2271b1;
     box-shadow:
         0 0 0 1px #fff,
-        0 0 0 2px #0073aa;
+        0 0 0 2px #2271b1;
 }
 
@@ -1240 +1240 @@
 .uploader-inline .close:before {
     font: normal 30px/1 dashicons !important;
-    color: #555d66;
+    color: #50575e;
     display: inline-block;
     content: "\f335";
@@ -1248 +1248 @@
 
 .uploader-inline .close:focus {
-    outline: 1px solid #5b9dd9;
-    box-shadow: 0 0 3px rgba(0, 115, 170, 0.8);
+    outline: 1px solid #4f94d4;
+    box-shadow: 0 0 3px rgba(34, 113, 177, 0.8);
 }
 
@@ -1263 +1263 @@
     line-height: 1.38461538;
     font-size: 13px;
-    color: #666;
+    color: #646970;
 }
 
@@ -1279 +1279 @@
     margin: 10px auto;
     border-radius: 10px;
-    background: #ddd;
+    background: #dcdcde;
     background: rgba(0, 0, 0, 0.1);
 }
@@ -1287 +1287 @@
     min-width: 20px;
     width: 0;
-    background: #0073aa;
+    background: #2271b1;
     border-radius: 10px;
     transition: width 300ms;
@@ -1323 +1323 @@
     display: none;
     font-size: 12px;
-    color: #666;
+    color: #646970;
 }
 
@@ -1335 +1335 @@
 
 .media-uploader-status .upload-count {
-    color: #444;
+    color: #3c434a;
 }
 
@@ -1367 +1367 @@
     display: block;
     font: normal 16px/1 dashicons;
-    color: #72777c;
+    color: #787c82;
 }
 
 .uploader-inline .errors.media-uploader-status .upload-dismiss-errors::before {
-    color: #606a73;
+    color: #646970;
 }
 
 .errors.media-uploader-status .upload-dismiss-errors:hover::before,
 .errors.media-uploader-status .upload-dismiss-errors:focus::before {
-    color: #c00;
+    color: #d63638;
 }
 
@@ -1383 +1383 @@
     margin-bottom: 12px;
     background: #fff;
-    border-left: 4px solid #dc3232;
+    border-left: 4px solid #d63638;
     box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
 }
@@ -1389 +1389 @@
 .uploader-inline .upload-errors .upload-error {
     padding: 12px 30px;
-    background-color: #fbeaea;
+    background-color: #fcf0f1;
     box-shadow: none;
 }
@@ -1426 +1426 @@
     position: absolute;
     z-index: 99998; /* under the toolbar */
-    background: rgba(150, 150, 150, 0.9);
+    background: rgba(140, 143, 148, 0.9);
 }
 
 .uploader-window,
 .wp-editor-wrap .uploader-editor.droppable {
-    background: rgba(0, 86, 132, 0.9);
+    background: rgba(10, 75, 120, 0.9);
 }
 
@@ -1519 +1519 @@
 .uploader-inline .has-upload-message .upload-instructions {
     font-size: 14px;
-    color: #444;
+    color: #3c434a;
     font-weight: 400;
 }
@@ -1591 +1591 @@
     margin: 1px 8px 1px -8px;
     line-height: 1.4;
-    border-right: 1px solid #ddd;
-    color: #0073aa;
+    border-right: 1px solid #dcdcde;
+    color: #2271b1;
     text-decoration: none;
 }
@@ -1598 +1598 @@
 .media-selection .button-link:hover,
 .media-selection .button-link:focus {
-    color: #006799;
+    color: #135e96;
 }
 
@@ -1607 +1607 @@
 
 .selection-info .clear-selection {
-    color: #bc0b0b;
+    color: #d63638;
 }
 
 .selection-info .clear-selection:hover,
 .selection-info .clear-selection:focus {
-    color: #dc3232;
+    color: #d63638;
 }
 
@@ -1656 +1656 @@
     box-shadow:
         0 0 0 1px #fff,
-        0 0 2px 3px #5b9dd9;
+        0 0 2px 3px #4f94d4;
     /* Only visible in Windows High Contrast mode */
     outline: 2px solid transparent;
@@ -1668 +1668 @@
     box-shadow:
         0 0 0 1px #fff,
-        0 0 0 3px #0073aa;
+        0 0 0 3px #2271b1;
 }
 
@@ -1679 +1679 @@
     bottom: 0;
     width: 25px;
-    background-image: linear-gradient(to left, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
+    background-image: linear-gradient(to left,#fff,rgba(255, 255, 255, 0));
 }
 
@@ -1759 +1759 @@
     margin-bottom: 16px;
     line-height: 1.5;
-    color: #666;
-    border-bottom: 1px solid #ddd;
+    color: #646970;
+    border-bottom: 1px solid #dcdcde;
     padding-bottom: 11px;
 }
@@ -1774 +1774 @@
 .attachment-info .filename {
     font-weight: 600;
-    color: #444;
+    color: #3c434a;
     word-wrap: break-word;
 }
@@ -1845 +1845 @@
     display: inline;
     padding: 0;
-    color: #bc0b0b;
+    color: #d63638;
 }
 
@@ -1854 +1854 @@
 .media-modal .untrash-attachment:hover,
 .media-modal .untrash-attachment:focus {
-    color: #dc3232;
+    color: #d63638;
 }
 
@@ -1906 +1906 @@
 
 .media-modal .imgedit-wrap .imgedit-settings {
-    background: #f3f3f3;
-    border-left: 1px solid #ddd;
+    background: #f6f7f7;
+    border-left: 1px solid #dcdcde;
     padding: 20px 16px 0;
     position: absolute;
@@ -1928 +1928 @@
     background: none;
     border: none;
-    border-bottom: 1px solid #ddd;
+    border-bottom: 1px solid #dcdcde;
     box-shadow: none;
     margin: 0;
@@ -1952 +1952 @@
     text-transform: uppercase;
     font-size: 12px;
-    color: #666;
+    color: #646970;
     margin: 0;
     margin-top: 3px;
@@ -1960 +1960 @@
 .media-modal .imgedit-group-top h2 .button-link {
     text-decoration: none;
-    color: #666;
+    color: #646970;
 }
 
@@ -1971 +1971 @@
     padding: 0;
     background: transparent;
-    color: #0074a2;
+    color: #2271b1;
     font-size: 20px;
     line-height: 1;
@@ -1980 +1980 @@
 
 .wp-core-ui.media-modal .image-editor .imgedit-help-toggle:focus {
-    color: #0074a2;
-    border-color: #5b9dd9;
-    box-shadow: 0 0 3px rgba(0, 115, 170, 0.8);
+    color: #2271b1;
+    border-color: #4f94d4;
+    box-shadow: 0 0 3px rgba(34, 113, 177, 0.8);
     /* Only visible in Windows High Contrast mode */
     outline: 2px solid transparent;
@@ -2095 +2095 @@
 
 .mejs-container:focus {
-    outline: 1px solid #5b9dd9;
-    box-shadow: 0 0 2px 1px rgba(30, 140, 190, 0.8);
+    outline: 1px solid #4f94d4;
+    box-shadow: 0 0 2px 1px rgba(79, 148, 212, 0.8);
 }
 
@@ -2126 +2126 @@
 
 .image-details .column-settings {
-    background: #f3f3f3;
-    border-right: 1px solid #ddd;
+    background: #f6f7f7;
+    border-right: 1px solid #dcdcde;
     min-height: 100%;
     width: 55%;
@@ -2138 +2138 @@
     margin: 20px;
     padding-top: 20px;
-    border-top: 1px solid #ddd;
-    color: #23282d;
+    border-top: 1px solid #dcdcde;
+    color: #1d2327;
 }
 
@@ -2160 +2160 @@
 .image-details .advanced-toggle {
     padding: 0;
-    color: #666;
+    color: #646970;
     text-transform: uppercase;
     text-decoration: none;
@@ -2167 +2167 @@
 .image-details .advanced-toggle:hover,
 .image-details .advanced-toggle:active {
-    color: #666;
+    color: #646970;
 }
 
@@ -2327 +2327 @@
     font-size: 13px;
     line-height: 1.84615384;
-    color: #666;
+    color: #646970;
 }
 
@@ -2464 +2464 @@
         bottom: auto;
         padding: 5px 0;
-        border: 1px solid #ccc;
+        border: 1px solid #c3c4c7;
     }
 

trunk/src/wp-includes/css/wp-auth-check.css

@@ -29 +29 @@
     margin: 0 0 0 -190px;
     padding: 30px 0 0;
-    background-color: #f1f1f1;
+    background-color: #f0f0f1;
     z-index: 1000011; /* needs to appear above #wp-auth-check-bg */
     box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
@@ -89 +89 @@
     height: 22px;
     width: 22px;
-    color: #72777c;
+    color: #787c82;
     text-decoration: none;
     text-align: center;
@@ -104 +104 @@
 #wp-auth-check-wrap .wp-auth-check-close:hover,
 #wp-auth-check-wrap .wp-auth-check-close:focus {
-    color: #0073aa;
+    color: #2271b1;
 }
 

trunk/src/wp-includes/css/wp-embed-template.css

@@ -68 +68 @@
     font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     line-height: 1.5;
-    color: #82878c;
+    color: #8c8f94;
     background: #fff;
-    border: 1px solid #e5e5e5;
+    border: 1px solid #dcdcde;
     box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
     /* Clearfix */
@@ -78 +78 @@
 
 .wp-embed a {
-    color: #82878c;
+    color: #8c8f94;
     text-decoration: none;
 }
@@ -114 +114 @@
 
 .wp-embed-heading a {
-    color: #32373c;
+    color: #2c3338;
 }
 
 .wp-embed .wp-embed-more {
-    color: #b4b9be;
+    color: #c3c4c7;
 }
 
@@ -166 +166 @@
 .wp-embed-meta a:hover {
     text-decoration: none;
-    color: #0073aa;
+    color: #2271b1;
 }
 
@@ -184 +184 @@
     right: 0;
     bottom: 0;
-    background-color: #222;
-    background-color: rgba(10, 10, 10, 0.9);
+    background-color: #1d2327;
+    background-color: rgba(0, 0, 0, 0.9);
     color: #fff;
     opacity: 1;
@@ -217 +217 @@
 .wp-embed-share-dialog-open:focus .dashicons,
 .wp-embed-share-dialog-close:focus .dashicons {
-    box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8);
+    box-shadow: 0 0 0 1px #4f94d4, 0 0 2px 1px rgba(79, 148, 212, 0.8);
     border-radius: 100%;
 }
@@ -266 +266 @@
     font-size: 16px;
     line-height: 1.3;
-    color: #aaa;
+    color: #a7aaad;
     cursor: pointer;
     transition: color .1s ease-in;
@@ -282 +282 @@
     margin: 0 0 0 10px;
     padding: 0 0 0 11px;
-    border-left: 1px solid #aaa;
+    border-left: 1px solid #a7aaad;
 }
 
@@ -294 +294 @@
     line-height: 1;
     font-style: italic;
-    color: #aaa;
+    color: #a7aaad;
 }
 
@@ -356 +356 @@
     padding: 0 11px 0 0;
     border-left: none;
-    border-right: 1px solid #aaa;
-}
+    border-right: 1px solid #a7aaad;
+}

trunk/src/wp-includes/css/wp-pointer.css

@@ -4 +4 @@
     font-size: 13px;
     background: #fff;
-    border: 1px solid #ddd;
-    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.075);
+    border: 1px solid #dcdcde;
+    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.08);
 }
 
@@ -12 +12 @@
     margin: -1px -1px 5px;
     padding: 15px 18px 14px 60px;
-    border: 1px solid #3592b6;
+    border: 1px solid #72aee6;
     border-bottom: none;
     line-height: 1.4;
     font-size: 14px;
     color: #fff;
-    background: #00a0d2;
+    background: #72aee6;
 }
 
@@ -23 +23 @@
     background: #fff;
     border-radius: 50%;
-    color: #00a0d2;
+    color: #72aee6;
     content: "\f227";
     font: normal 20px/1.6 dashicons;
@@ -65 +65 @@
 .wp-pointer-buttons a.close:before {
     background: none;
-    color: #72777c;
+    color: #787c82;
     content: "\f153";
     display: block !important;
@@ -81 +81 @@
 
 .wp-pointer-buttons a.close:hover:before {
-    color: #c00;
+    color: #d63638;
 }
 
@@ -142 +142 @@
     top: 0;
     border-width: 0 13px 13px 13px;
-    border-bottom-color: #3592b6;
+    border-bottom-color: #72aee6;
 }
 
@@ -151 +151 @@
     margin-top: -13px;
     border: 13px solid transparent;
-    border-bottom-color: #00a0d2;
+    border-bottom-color: #72aee6;
     display: block;
     content: " ";
@@ -159 +159 @@
     bottom: 0;
     border-width: 13px 13px 0 13px;
-    border-top-color: #ccc;
+    border-top-color: #c3c4c7;
 }
 
@@ -176 +176 @@
     left: 0;
     border-width: 13px 13px 13px 0;
-    border-right-color: #ccc;
+    border-right-color: #c3c4c7;
 }
 
@@ -194 +194 @@
     right: 0;
     border-width: 13px 0 13px 13px;
-    border-left-color: #ccc;
+    border-left-color: #c3c4c7;
 }
 

trunk/src/wp-includes/general-template.php

@@ -4393 +4393 @@
         _x( 'Default', 'admin color scheme' ),
         false,
-        array( '#222', '#333', '#0073aa', '#00a0d2' ),
+        array( '#1d2327', '#2c3338', '#3582c4', '#72aee6' ),
         array(
-            'base'    => '#a0a5aa',
-            'focus'   => '#00a0d2',
+            'base'    => '#a7aaad',
+            'focus'   => '#72aee6',
             'current' => '#fff',
         )