Changeset 50025

Timestamp:

01/26/2021 06:53:55 PM (6 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',
                 )