Changeset 50025

Timestamp:

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

Author:

ryelle

Message:

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

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

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

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

Location:

trunk/src

Files:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -27 +27 @@
     margin: 0 0 1rem;
     background: #fff;
-    border-bottom: 1px solid #e2e4e7;
+    border-bottom: 1px solid #dcdcde;
 }
 
@@ -68 +68 @@
 .loading .site-health-progress svg #bar {
     stroke-dashoffset: 0;
-    stroke: #adc5d2;
+    stroke: #c3c4c7;
     animation: loadingPulse 3s infinite ease-in-out;
 }
@@ -75 +75 @@
     stroke-dashoffset: 0;
     transition: stroke-dashoffset 1s linear;
-    stroke: #ccc;
+    stroke: #c3c4c7;
     stroke-width: 2em;
 }
@@ -81 +81 @@
 .site-health-progress svg #bar {
     stroke-dashoffset: 565;
-    stroke: #dc3232;
+    stroke: #d63638;
 }
 
 .green .site-health-progress #bar {
-    stroke: #46b450;
+    stroke: #00a32a;
 }