Changeset 27106

Timestamp:

02/06/2014 06:24:36 AM (11 years ago)

Author:

helen

Message:

Merge colors.css into wp-admin.css. Non-default color schemes became overloads rather than swaps in the 3.8 redesign. Benefits include:

• No more border-width, border-style, border-color insanity.
• Point releases are much less likely to require extra finagling to avoid rebuilding the color schemes.
• Yours truly has a better overall vision of ~14,000 lines of admin CSS and where we go from here.

1,065 net lines of red, y'all.
props helen, jorbin. fixes #18380.

Location:

trunk/src

Files:

• wp-admin/css/colors.css (deleted)
• wp-admin/css/colors/_admin.scss (modified) (1 diff)
• wp-admin/css/colors/blue/colors.scss (modified) (1 diff)
• wp-admin/css/colors/coffee/colors.scss (modified) (1 diff)
• wp-admin/css/colors/ectoplasm/colors.scss (modified) (1 diff)
• wp-admin/css/colors/light/colors.scss (modified) (1 diff)
• wp-admin/css/colors/midnight/colors.scss (modified) (1 diff)
• wp-admin/css/colors/ocean/colors.scss (modified) (1 diff)
• wp-admin/css/colors/sunrise/colors.scss (modified) (1 diff)
• wp-admin/css/wp-admin.css (modified) (199 diffs)
• wp-admin/includes/update-core.php (modified) (1 diff)
• wp-includes/css/editor.css (modified) (1 diff)
• wp-includes/css/media-views.css (modified) (1 diff)
• wp-includes/css/wp-pointer.css (modified) (2 diffs)
• wp-includes/script-loader.php (modified) (2 diffs)

trunk/src/wp-admin/css/colors/_admin.scss

@@ -21 +21 @@
 }
 
-#rightnow a:hover,
 #media-upload a.del-link:hover,
 div.dashboard-widget-submit input:hover,
 .subsubsub a:hover,
-.subsubsub a.current:hover,
-.ui-tabs-nav a:hover {
+.subsubsub a.current:hover {
     color: $link-focus;
 }

trunk/src/wp-admin/css/colors/blue/colors.scss

@@ -9 +9 @@
 $menu-submenu-background: #4796b3;
 
-@import "../../colors.css";
 @import "../_admin.scss";

trunk/src/wp-admin/css/colors/coffee/colors.scss

@@ -5 +5 @@
 $form-checked: $base-color;
 
-@import "../../colors.css";
 @import "../_admin.scss";

trunk/src/wp-admin/css/colors/ectoplasm/colors.scss

@@ -6 +6 @@
 $form-checked: $base-color;
 
-@import "../../colors.css";
 @import "../_admin.scss";

trunk/src/wp-admin/css/colors/light/colors.scss

@@ -18 +18 @@
 $menu-collapse-focus-icon: #555;
 
-@import "../../colors.css";
 @import "../_admin.scss";
 

trunk/src/wp-admin/css/colors/midnight/colors.scss

@@ -3 +3 @@
 $notification-color: #69a8bb;
 
-@import "../../colors.css";
 @import "../_admin.scss";

trunk/src/wp-admin/css/colors/ocean/colors.scss

@@ -6 +6 @@
 $form-checked: $base-color;
 
-@import "../../colors.css";
 @import "../_admin.scss";

trunk/src/wp-admin/css/colors/sunrise/colors.scss

@@ -4 +4 @@
 $menu-submenu-focus-text: lighten( $highlight-color, 35% );
 
-@import "../../colors.css";
 @import "../_admin.scss";

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

@@ -86 +86 @@
 #adminmenu .wp-submenu {
     width: 160px;
+    background-color: #222;
 }
 
@@ -243 +244 @@
 }
 
+/* Large chunks of shared color, from the colors.css merge */
+.widget-top,
+.menu-item-handle,
+.widget-inside,
+#menu-settings-column .accordion-container,
+#menu-management .menu-edit,
+.manage-menus,
+table.widefat,
+.stuffbox,
+p.popular-tags,
+.widgets-holder-wrap,
+.wp-editor-container,
+.popular-tags,
+.feature-filter,
+.imgedit-group {
+    border: 1px solid #e5e5e5;
+    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.04);
+    box-shadow: 0 1px 1px rgba(0,0,0,0.04);
+}
+
+table.widefat,
+.wp-editor-container,
+.stuffbox,
+p.popular-tags,
+.widgets-holder-wrap,
+.popular-tags,
+.feature-filter,
+.imgedit-group {
+    background: #fff;
+}
+
+input[type="radio"]:checked + label:before,
+#misc-publishing-actions label[for="post_status"]:before,
+#post-body #visibility:before,
+.curtime #timestamp:before,
+#post-body .misc-pub-revisions:before,
+span.wp-media-buttons-icon:before {
+    color: #888;
+}
+
 /* include margin and padding in the width calculation of input and textarea */
 input,
@@ -260 +301 @@
 input[type="checkbox"],
 input[type="radio"] {
-    border-width: 1px;
-    border-style: solid;
+    border: 1px solid #bbb;
+    background: #fff;
+    color: #555;
     clear: none;
     cursor: pointer;
@@ -277 +319 @@
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
+    -webkit-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);
+    box-shadow:         inset 0px 1px 2px rgba(0,0,0,0.1);
+}
+
+.wp-core-ui input[type="reset"]:hover,
+.wp-core-ui input[type="reset"]:active {
+    color: #2ea2cc;
 }
 
@@ -297 +346 @@
     margin-right: 4px;
     line-height: 10px;
+}
+
+input:disabled,
+input.disabled,
+textarea:disabled,
+textarea.disabled {
+    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.04);
+    box-shadow:         inset 0 1px 2px rgba(0,0,0,0.04);
+    border-color: rgba(222, 222, 222, .75);
+    background: rgba(255, 255, 255, .5);
+    color: rgba(51, 51, 51, .5);
 }
 
@@ -321 +381 @@
     content: '\f147';
     margin: -3px 0 0 -4px;
+    color: #1e8cbe;
 }
 
@@ -332 +393 @@
     margin: 4px;
     line-height: 16px;
+    background-color: #1e8cbe;
+}
+
+input.readonly, textarea.readonly {
+    background-color: #ddd;
 }
 
@@ -364 +430 @@
 }
 
+html {
+    background: #f1f1f1;
+}
+
 body {
+    color: #444;
     font-family: "Open Sans", sans-serif;
     font-size: 13px;
@@ -377 +448 @@
 
 body.login {
-    background: #fbfbfb;
+    background: #f1f1f1;
     min-width: 0;
 }
@@ -417 +488 @@
     padding: 2px 6px;
     line-height: 1.4;
+}
+
+a {
+    color: #0074a2;
+    -webkit-transition-property: border, background, color;
+    -moz-transition-property:    border, background, color;
+    transition-property:         border, background, color;
+    -webkit-transition-duration: .05s;
+    -moz-transition-duration:    .05s;
+    transition-duration:         .05s;
+    -webkit-transition-timing-function: ease-in-out;
+    -moz-transition-timing-function:    ease-in-out;
+    transition-timing-function:         ease-in-out;
 }
 
@@ -436 +520 @@
 }
 
+a:hover,
+a:active {
+    color: #2ea2cc;
+}
+
+a:focus {
+    color: #124964;
+}
+
 a:focus,
 a:active {
@@ -502 +595 @@
 
 h2 {
+    color: #222;
     font-size: 1.5em;
     margin: .83em 0;
@@ -508 +602 @@
 
 h3 {
+    color: #222;
     font-size: 1.3em;
     margin: 1em 0;
@@ -585 +680 @@
     padding: 3px 5px 2px 5px;
     margin: 0 1px;
+    background: #eaeaea;
+    background: rgba(0,0,0,0.07);
     font-size: 13px;
 }
@@ -594 +691 @@
     font-size: 13px;
     float: left;
+    color: #666;
 }
 
@@ -618 +716 @@
     padding: 0;
     white-space: nowrap;
-}
-
-textarea,
-input[type="text"],
-input[type="password"],
-input[type="email"],
-input[type="number"],
-input[type="search"],
-input[type="tel"],
-input[type="url"],
-select,
-.tablenav-pages span.current,
-#titlediv #title,
-#postcustomstuff table,
-#postcustomstuff input,
-#postcustomstuff textarea,
-.imgedit-menu div,
-.plugin-update-tr .update-message,
-#poststuff .inside .the-tagcloud,
-.nav-menus-php .list-container,
-.menu-item-handle,
-.link-to-original,
-.nav-menus-php .major-publishing-actions .form-invalid,
-#TB_window,
-.tbtitle,
-.highlight {
-    border-width: 1px;
-    border-style: solid;
 }
 
@@ -668 +738 @@
     padding: 8px 10px;
 }
+
+.widefat thead th {
+    border-bottom: 1px solid #e1e1e1;
+}
+
 .widefat tfoot th {
+    border-top: 1px solid #e1e1e1;
     border-bottom: none;
 }
@@ -802 +878 @@
 .login .message,
 .press-this #message {
-    border: none;
+    border-left: 4px solid #7ad03a;
     padding: 1px 12px;
+    background-color: #fff;
+
+    -webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.1);
+    box-shadow:         0px 1px 1px 0px rgba(0,0,0,0.1);
 }
 
 div.error,
 .login #login_error {
-    border: none;
+    border-left: 4px solid #dd3d36;
+    background: #fff;
+
+    -webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.1);
+    box-shadow:         0px 1px 1px 0px rgba(0,0,0,0.1);
 }
 
 div.error {
     padding: 1px 12px;
+}
+
+.attention {
+    color: #2ea2cc;
 }
 
@@ -829 +917 @@
 
 .subtitle {
+    color: #777;
     font-size: 14px;
     padding-left: 25px;
@@ -842 +931 @@
     border: none;
     border-radius: 2px;
+    background: #e0e0e0;
     text-shadow: none;
     font-weight: 600;
@@ -847 +937 @@
 }
 
+.wrap .add-new-h2:hover {
+    background: #2ea2cc;
+    color: #fff;
+}
+
 .wrap h2.long-header {
     padding-right: 0;
 }
 
-html,
 .wp-dialog {
     background-color: #fff;
@@ -865 +959 @@
 input[type="url"],
 select {
+    border: 1px solid #ddd;
+    box-shadow: inset 0 1px 2px rgba(0,0,0,0.07);
     background-color: #fff;
     color: #333;
@@ -891 +987 @@
 #widgets-left .widget-in-question .widget-top,
 #available-widgets .widget-top:hover,
-div#widgets-right .widget-top:hover {
+div#widgets-right .widget-top:hover,
+#widgets-left .widget-top:hover {
+    border-color: #999;
     -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
     box-shadow: 0 1px 2px rgba(0,0,0,0.1);
@@ -903 +1001 @@
 .wp-core-ui :-moz-placeholder {
    color: #a9a9a9;
+}
+
+.sorthelper {
+    background-color: #ccf3fa;
+}
+
+.ac_match,
+.subsubsub a.current {
+    color: #000;
+}
+
+.alternate,
+.alt {
+    background-color: #f9f9f9;
+}
+
+.bar {
+    background-color: #e8e8e8;
+    border-right-color: #99d;
+}
+
+.form-invalid {
+    background-color: #ffebe8 !important;
+}
+
+.form-invalid input,
+.form-invalid select {
+    border-color: #c00 !important;
+}
+
+.form-input-tip {
+    color: #666;
+}
+
+.media-upload-form label.form-help,
+td.help {
+    color: #9a9a9a;
+}
+
+/* Helper classes for plugins to leverage the active WordPress color scheme */
+
+.highlight {
+    background-color: #e4f2fd;
+    color: #000;
+}
+
+.wp-ui-primary {
+    color: #fff;
+    background-color: #333;
+}
+.wp-ui-text-primary {
+    color: #333;
+}
+
+.wp-ui-highlight {
+    color: white;
+    background-color: #1e8cbe;
+}
+.wp-ui-text-highlight {
+    color: #1e8cbe;
+}
+
+.wp-ui-notification {
+    color: #fff;
+    background-color: #d54e21;
+}
+.wp-ui-text-notification {
+    color: #d54e21;
+}
+
+.wp-ui-text-icon {
+    color: #999;
 }
 
@@ -928 +1098 @@
 }
 
+.widget .widget-top,
+.menu-item-handle {
+    background: #fafafa;
+    color: #222;
+}
+
+.postbox h3,
+#namediv h3,
+#submitdiv h3 {
+    border-bottom: 1px solid #eee;
+}
+
 .quicktags,
 .search {
+    background-color: #ccc;
+    color: #000;
     font-size: 12px;
 }
@@ -948 +1132 @@
 
 .icon16:before {
+    color: #999;
     font: normal 20px/1 'dashicons';
     speak: none;
@@ -1072 +1257 @@
 
 .howto {
+    color: #666;
     font-style: italic;
     display: block;
@@ -1123 +1309 @@
     border-bottom-left-radius: 3px;
     border-bottom-right-radius: 3px;
+    border: none;
 }
 
@@ -1148 +1335 @@
 }
 
-table.widefat span.delete a:hover,
-table.widefat span.trash a:hover,
-table.widefat span.spam a:hover,
-#dashboard_recent_comments .delete a:hover,
-#dashboard_recent_comments .trash a:hover,
-#dashboard_recent_comments .spam a:hover,
+table.widefat span.delete a,
+table.widefat span.trash a,
+table.widefat span.spam a,
+.plugins a.delete,
+#all-plugins-table .plugins a.delete,
+#search-plugins-table .plugins a.delete,
+.submitbox .submitdelete,
+#media-items a.delete,
+#media-items a.delete-permanently,
+#nav-menu-footer .menu-delete {
+    color: #a00;
+}
+
+abbr.required,
+.file-error,
+.widget-control-remove:hover,
+table.widefat .delete a:hover,
+table.widefat .trash a:hover,
+table.widefat .spam a:hover,
 .plugins a.delete:hover,
 #all-plugins-table .plugins a.delete:hover,
@@ -1161 +1361 @@
 #media-items a.delete-permanently:hover,
 #nav-menu-footer .menu-delete:hover {
+    color: #f00;
     text-decoration: none;
     border: none;
@@ -1223 +1424 @@
 #timezone_string option {
     margin-left: 1em;
+}
+
+#upload-form label {
+    color: #777;
 }
 
@@ -1257 +1462 @@
 
 #pass-strength-result {
-    border-style: solid;
-    border-width: 1px;
+    background-color: #eee;
+    border: 1px solid #ddd;
     float: left;
     margin: 13px 5px 5px 1px;
@@ -1266 +1471 @@
     display: none;
 }
+
+#pass-strength-result.short {
+    background-color: #ffa0a0;
+    border-color: #f04040;
+}
+
+#pass-strength-result.bad {
+    background-color: #ffb78c;
+    border-color: #ff853c;
+}
+
+#pass-strength-result.good {
+    background-color: #ffec8b;
+    border-color: #fc0;
+}
+
+#pass-strength-result.strong {
+    background-color: #c3ff88;
+    border-color: #8dff1c;
+}
+
 .indicator-hint {
     padding-top: 8px;
@@ -1309 +1535 @@
     border-bottom-right-radius: 3px;
     border-bottom-left-radius: 3px;
-    border-width: 1px;
-    border-style: solid;
+    border: 1px solid #aaa;
+    background-color: #efefef;
 }
 
@@ -1323 +1549 @@
     height: 100%;
     padding: 4px 10px;
+    color: #444;
 }
 
 .ui-autocomplete li a.ui-state-focus {
+    background-color: #ddd;
     cursor: pointer;
 }
@@ -1365 +1593 @@
 }
 
-.misc-pub-section:first-child {
-    border-top-width: 0;
-}
-
-.misc-pub-section-last {
-    border-bottom-width: 0;
-}
-
 #minor-publishing-actions {
     padding: 10px 10px 0 10px;
@@ -1400 +1620 @@
     font-size: 14px;
     margin: 12px 2px 5px;
-    border-bottom-width: 1px;
-    border-bottom-style: solid;
+    border-bottom: 1px solid #dadada;
 }
 
@@ -1408 +1627 @@
     padding-left: 18px;
     list-style: square;
+    color: #666;
 }
 
@@ -1439 +1659 @@
     text-align: left;
     margin: 25px 20px 0 2px;
-}
-
-.plugins .plugin-update {
-    padding: 0;
-}
-
-.plugin-update .update-message {
-    margin: 0 10px 8px 31px;
-    font-weight: 600;
+    background-color: #fff;
+    border-left: 4px solid #ffba00;
+
+    -webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.1);
+    box-shadow:         0px 1px 1px 0px rgba(0,0,0,0.1);
+}
+
+.update-message {
+    color: #000;
 }
 
@@ -1534 +1754 @@
     margin: 0 20px -1px 0px;
     position: relative;
+    background-color: #fff;
+    border: 1px solid #ddd;
+    border-top: none;
+    -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.025);
+    box-shadow:         0 1px 0 rgba(0,0,0,.025);
 }
 
@@ -1541 +1766 @@
     height: 28px;
     margin: 0 0 0 6px;
+    border: 1px solid #ddd;
+    border-top: none;
+    background: #fff;
+    -webkit-box-shadow: 0px 1px 1px -1px rgba(0,0,0,0.1);
+    box-shadow:         0px 1px 1px -1px rgba(0,0,0,0.1);
 }
 
@@ -1546 +1776 @@
     position: relative;
     top: 0;
+}
+
+#screen-meta-links a {
+    color: #777;
+}
+
+#screen-meta-links a:hover,
+#screen-meta-links a:active,
+#screen-meta-links a:focus {
+    color: #333;
+}
+
+#screen-meta-links a:focus {
+    border-color: #aaa;
+    -webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.15);
+    box-shadow:         0 2px 3px rgba(0,0,0,0.15);
 }
 
@@ -1570 +1816 @@
     -moz-osx-font-smoothing: grayscale;
     text-decoration: none !important;
+    color: #bbb;
 }
 
@@ -1641 +1888 @@
     left: 150px;
     right: 170px;
-    border-width: 0 1px;
-    border-style: solid;
+    border: 1px solid #e1e1e1;
+    border-top: none;
+    border-bottom: none;
+    background: #f6fbfd;
 }
 
@@ -1676 +1925 @@
     line-height: 18px;
     text-decoration: none;
-    border-style: solid;
-    border-width: 1px 0 1px 0;
-    border-color: transparent;
+    border: 1px solid transparent;
+    border-right: none;
+    border-left: none;
+}
+
+.contextual-help-tabs a:hover {
+    color: #333;
 }
 
@@ -1684 +1937 @@
     padding: 0;
     margin: 0 -1px 0 0;
-    border-width: 0 0 0 2px;
-    border-style: solid;
+    border-left: 2px solid #2ea2cc;
+    background: #f6fbfd;
+
+    -webkit-box-shadow: 0px 2px 0 rgba(0,0,0,0.02), 0 1px 0 rgba(0,0,0,0.02);
+    box-shadow:         0px 2px 0 rgba(0,0,0,0.02), 0 1px 0 rgba(0,0,0,0.02);
+}
+
+.contextual-help-tabs .active a {
+    border-color: #e1e1e1;
+    color: #333;
 }
 
@@ -1742 +2003 @@
     line-height: 18px;
     padding: 2px 5px;
+    color: #eee;
+}
+
+#adminmenu a:hover,
+#adminmenu li.menu-top > a:focus,
+#adminmenu .wp-submenu a:hover {
+    color: #2ea2cc;
 }
 
@@ -1764 +2032 @@
     padding: 7px 0 8px;
     z-index: 9999;
+    background-color: #333;
+
+    -webkit-box-shadow: 0 3px 5px rgba(0,0,0,0.2);
+    box-shadow:         0 3px 5px rgba(0,0,0,0.2);
+}
+
+#adminmenu .wp-submenu a,
+.folded #adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
+.folded #adminmenu .wp-has-current-submenu .wp-submenu a {
+    color: #bbb;
 }
 
@@ -1788 +2066 @@
     -webkit-box-shadow: none;
     box-shadow: none;
+    background-color: #333;
+}
+
+#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
+#adminmenu li.current a.menu-top,
+.folded #adminmenu li.wp-has-current-submenu,
+.folded #adminmenu li.current.menu-top,
+#adminmenu .wp-menu-arrow,
+#adminmenu .wp-has-current-submenu .wp-submenu .wp-submenu-head,
+#adminmenu .wp-menu-arrow div {
+    background: #0074a2;
+    color: #fff;
 }
 
@@ -1818 +2108 @@
     margin: 0;
     padding: 6px 0;
+}
+
+#adminmenu .wp-submenu li.current,
+#adminmenu .wp-submenu li.current a,
+#adminmenu .opensub .wp-submenu li.current a,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a,
+#adminmenu .wp-submenu li.current a:hover,
+#adminmenu .wp-submenu li.current a:focus {
+    color: #fff;
 }
 
@@ -1896 +2195 @@
 }
 
+#adminmenu div.wp-menu-image:before {
+    color: #999;
+}
+
+#adminmenu li.wp-has-current-submenu:hover div.wp-menu-image:before,
+#adminmenu .wp-has-current-submenu div.wp-menu-image:before,
+#adminmenu .current div.wp-menu-image:before,
+#adminmenu a.wp-has-current-submenu:hover div.wp-menu-image:before,
+#adminmenu a.current:hover div.wp-menu-image:before {
+    color: #fff;
+}
+
+#adminmenu li:hover div.wp-menu-image:before {
+    color: #2ea2cc;
+}
+
 .folded #adminmenu div.wp-menu-image {
     width: 35px;
@@ -1940 +2255 @@
 ul#adminmenu > li.current > a.current:after {
     right: 0;
-    border: solid transparent;
+    border: solid 8px transparent;
     content: " ";
     height: 0;
@@ -1946 +2261 @@
     position: absolute;
     pointer-events: none;
-    border-width: 8px;
+    border-right-color: #f1f1f1;
     top: 50%;
     margin-top: -8px;
@@ -1981 +2296 @@
 }
 
+#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after {
+    border-right-color: #333;
+}
+
 /* ensure that wp-submenu's box shadow doesn't appear on top of the focused menu item's background. */
 #adminmenu li.menu-top:hover,
@@ -1986 +2305 @@
 #adminmenu li > a.menu-top:focus {
     position: relative;
+    background-color: #111;
 }
 
@@ -2001 +2321 @@
 
 #adminmenu li.wp-menu-separator {
-    height: 3px;
+    height: 5px;
     padding: 0;
     margin: 0 0 6px 0;
-    border-width: 1px 0;
-    border-style: solid;
     cursor: inherit;
 }
 
+/* @todo: is this even needed given that it's nested beneath the above li.wp-menu-separator? */
 #adminmenu div.separator {
-    height: 1px;
+    height: 2px;
     padding: 0;
-    border-width: 1px 0 0 0;
-    border-style: solid;
 }
 
 #adminmenu .wp-submenu .wp-submenu-head {
+    color: #fff;
     font-weight: 400;
     font-size: 14px;
@@ -2032 +2350 @@
 #sidemenu li a span.update-plugins {
     display: inline-block;
+    background-color: #d54e21;
+    color: #fff;
     font-size: 9px;
     line-height: 17px;
@@ -2049 +2369 @@
 }
 
+#adminmenu li.current a .awaiting-mod,
+#adminmenu  li a.wp-has-current-submenu .update-plugins {
+    background-color: #2ea2cc;
+    color: #fff;
+}
+
 #adminmenu li span.count-0,
 #sidemenu li a .count-0 {
@@ -2058 +2384 @@
     line-height: 34px;
     margin-top: 10px;
+    color: #aaa;
+    -webkit-transition: all .1s ease-in-out;
+    -moz-transition:    all .1s ease-in-out;
+    transition:         all .1s ease-in-out;
+}
+
+#adminmenu #collapse-menu:hover,
+#collapse-menu:hover #collapse-button div:after {
+    color: #2ea2cc;
 }
 
@@ -2090 +2425 @@
     left: -3px;
     top: -3px;
+    color: #aaa;
     font: normal 20px/1 'dashicons' !important;
     speak: none;
@@ -2252 +2588 @@
     background-position: center -80px;
     background-repeat: no-repeat;
+    color: #fff;
 }
 
@@ -2260 +2597 @@
     height: 0;
     margin-left: 8px;
-    border-top: 5px solid #bbbbbb;
+    border-top: 5px solid #bbb;
     border-right: 5px solid transparent;
 }
@@ -2274 +2611 @@
     -webkit-border-radius: 5px;
     border-radius: 5px;
+    background-color: #bbb;
+    color: #fff;
+}
+
+.post-com-count:hover {
+    background-position: center -3px;
+}
+
+.post-com-count:hover span {
+    background-color: #2ea2cc;
+}
+
+.post-com-count:hover:after {
+    border-top: 5px solid #2ea2cc;
 }
 
@@ -2280 +2631 @@
 }
 
-.post-com-count:hover {
-    background-position: center -3px;
+strong .post-com-count span {
+    background-color: #0074a2;
+}
+
+strong .post-com-count:after {
+    border-top: 5px solid #0074a2;
 }
 
@@ -2316 +2671 @@
     -moz-osx-font-smoothing: grayscale;
     text-decoration: none !important;
+    color: #444;
 }
 
@@ -2341 +2697 @@
 .widefat td {
     overflow: hidden;
+    color: #555;
 }
 
@@ -2347 +2704 @@
 }
 
+.widefat thead tr th,
+.widefat tfoot tr th {
+    color: #333;
+}
+
 .widefat td p {
     margin: 2px 0 0.8em;
+}
+
+.widefat p,
+.widefat ol,
+.widefat ul {
+    color: #333;
 }
 
@@ -2606 +2974 @@
 
 .sortable-placeholder {
-    border-width: 1px;
-    border-style: dashed;
+    border: 1px dashed #bbb;
     margin-bottom: 20px;
 }
@@ -2662 +3029 @@
 }
 
+.postbox table.widefat {
+    -webkit-box-shadow: none;
+    box-shadow: none;
+}
+
 .temp-border {
     border: 1px dotted #ccc;
@@ -2686 +3058 @@
     margin: 0 8px;
     min-height: 100px;
+}
+
+h3.dashboard-widget-title,
+h3.dashboard-widget-title span,
+h3.dashboard-widget-title small {
+    color: #333;
+}
+
+h3.dashboard-widget-title small a {
+    color: #d7d7d7;
+}
+
+h3.dashboard-widget-title small a:hover {
+    color: #fff;
 }
 
@@ -2716 +3102 @@
     margin: 16px 0;
     padding: 23px 10px 0;
+    border: 1px solid #e5e5e5;
+    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.04);
+    box-shadow:         0 1px 1px rgba(0,0,0,0.04);
+    background: #fff;
     font-size: 13px;
     line-height: 2.1em;
@@ -2734 +3124 @@
 .welcome-panel li {
     font-size: 14px;
+}
+
+.welcome-panel p {
+    color: #777;
+}
+
+.welcome-panel a {
+    text-decoration: none;
 }
 
@@ -2754 +3152 @@
 .tagchecklist span a:before,
 #bulk-titles div a:before {
+    background: none;
+    color: #bbb;
     content: '\f153';
     display: block !important;
@@ -2765 +3165 @@
 }
 
+#welcome-panel.welcome-panel .welcome-panel-close:hover:before,
+.tagchecklist span a:hover:before,
+#bulk-titles div a:hover:before {
+    color: #c00;
+}
+
 #welcome-panel.welcome-panel .welcome-panel-close::before {
     position: absolute;
@@ -2809 +3215 @@
 .welcome-panel-column p {
     margin-top: 7px;
+    color: #464646;
 }
 
@@ -2818 +3225 @@
 
 .welcome-panel .welcome-icon:before {
+    color: #888;
     font: normal 20px/1 'dashicons';
     speak: none;
@@ -2895 +3303 @@
 .dashboard-widget-control-form p {
     margin-top: 0;
+}
+
+/* @todo: are these actually used anywhere? no non-CSS results in plugin search */
+div.dashboard-widget-error {
+    background-color: #c43;
+}
+
+div.dashboard-widget-notice {
+    background-color: #cfe1ef;
 }
 
@@ -3292 +3709 @@
 
 /* Dashboard activity widget - Comments */
+/* @todo: needs serious de-duplication */
 
 #activity-widget #the-comment-list tr.undo,
@@ -3335 +3753 @@
 #activity-widget #the-comment-list .comment-item:first-child {
     border-top: 1px solid #eeeeee;
+}
+
+#activity-widget #the-comment-list .unapproved {
+    background-color: #fefaf7;
 }
 
@@ -3438 +3860 @@
 .fixed .column-icon {
     width: 80px;
+}
+
+/* @todo: pick a consistent list table selector */
+.wp-list-table a {
+    -moz-transition:    none;
+    -webkit-transition: none;
+    transition:         none;
+}
+
+#the-list tr:last-child td,
+#the-list tr:last-child th {
+    border-bottom: none !important;
+    -webkit-box-shadow: none;
+    box-shadow: none;
 }
 
@@ -3513 +3949 @@
     -moz-osx-font-smoothing: grayscale;
     text-decoration: none !important;
+    color: #444;
 }
 
@@ -3587 +4024 @@
 }
 
+th.manage-column a,
+th.sortable a:hover,
+th.sortable a:active,
+th.sortable a:focus {
+    color: #333;
+}
+
+th.sortable a:focus {
+    background: #e1e1e1;
+}
+
 .fixed .column-comments.sortable a,
 .fixed .column-comments.sorted a {
@@ -3645 +4093 @@
     cursor: default;
     height: 30px;
+    color: #555;
     line-height: 30px;
     font-size: 12px;
@@ -3662 +4111 @@
 .tablenav .tablenav-pages a {
     padding: 0 10px 3px;
+    background: #eee;
+    background: rgba( 0, 0, 0, 0.05 );
     font-size: 16px;
     font-weight: normal;
 }
 
-.tablenav .tablenav-pages a.disabled:hover ,
+.tablenav .tablenav-pages a:hover,
+.tablenav .tablenav-pages a:focus {
+    color: #fff;
+    background: #2ea2cc;
+}
+
+.tablenav .tablenav-pages a.disabled,
+.tablenav .tablenav-pages a.disabled:hover,
+.tablenav .tablenav-pages a.disabled:focus,
 .tablenav .tablenav-pages a.disabled:active {
-    cursor: default;
+    color: #aaa;
+    background: #eee;
+    background: rgba( 0, 0, 0, 0.05 );
 }
 
 .tablenav .displaying-num {
     margin-right: 2px;
+    color: #777;
     font-size: 12px;
     font-style: italic;
@@ -3684 +4146 @@
 .tablenav .delete {
     margin-right: 20px;
+}
+
+/* unclear if the following tablenav rules are actually used.
+classes exist in paginate_links() but not seen in list table output. */
+.tablenav .dots {
+    border-color: transparent;
+}
+
+.tablenav .next,
+.tablenav .prev {
+    border-color: transparent;
+    color: #0074a2;
+}
+
+.tablenav .next:hover,
+.tablenav .prev:hover {
+    border-color: transparent;
+    color: #2ea2cc;
 }
 
@@ -3706 +4186 @@
 
 .view-switch > a:before {
+    color: #bbb;
     content: '\f163';
     display: inline-block;
@@ -3717 +4198 @@
 }
 
+.view-switch a:hover:before {
+    color: #727272;
+}
+
+.view-switch a.current:before {
+    color: #0074a2;
+}
+
 .view-switch > a + a:before {
     margin-left: 5px;
@@ -3925 +4414 @@
 
 /*  Specific Elements */
-.inline-edit-row fieldset input[type="text"],
-.inline-edit-row fieldset textarea {
-    border-style: solid;
-    border-width: 1px;
-}
-
 .inline-edit-row fieldset .inline-edit-date {
     float: left;
@@ -3953 +4436 @@
 ul.cat-checklist {
     height: 12em;
-    border-style: solid;
-    border-width: 1px;
+    border: solid 1px #ddd;
     overflow-y: scroll;
     padding: 0 5px;
     margin: 0;
+    background-color: #fff;
 }
 
@@ -3963 +4446 @@
     display: block;
     height: 12em;
-    border-style: solid;
-    border-width: 1px;
+    border: 1px solid #ddd;
     overflow-y: scroll;
     padding: 0 5px;
@@ -4063 +4545 @@
     outline: none;
     margin: 0;
+    background-color: #fff;
 }
 
@@ -4102 +4585 @@
     margin-top: 5px;
     padding: 0 10px;
+    color: #666;
 }
 
@@ -4111 +4595 @@
 #editable-post-name-full {
     display: none;
+}
+
+#editable-post-name {
+    background-color: #fffbcc;
 }
 
@@ -4128 +4616 @@
     padding: 12px 10px 10px;
     font-size: 11px;
+    background-color: #464646;
+    color: #ccc;
 }
 
@@ -4133 +4623 @@
     text-decoration: none;
     padding: 1px 2px;
+}
+
+/* @todo: do we really need this? */
+#normal-sortables .submitbox .submitdelete:hover {
+    color: #000;
+    background-color: #f00;
+    border-bottom-color: #f00;
 }
 
@@ -4161 +4658 @@
     position: relative;
     min-width: 255px;
+    border: 1px solid #e5e5e5;
+    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.04);
+    box-shadow:         0 1px 1px rgba(0,0,0,0.04);
+    background: #fff;
 }
 
@@ -4205 +4706 @@
 }
 
+/* @todo: do these really need to be so specific? */
+#side-sortables .category-tabs .tabs a,
+#side-sortables .add-menu-item-tabs .tabs a,
+.wp-tab-bar .wp-tab-active a,
+#post-body ul.category-tabs li.tabs a,
+#post-body ul.add-menu-item-tabs li.tabs a,
+body.press-this ul.category-tabs li.tabs a {
+    color: #333;
+}
+
 .category-tabs {
     margin: 8px 0 5px;
@@ -4242 +4753 @@
 
 ul.category-tabs li {
-    border-style: solid;
-    border-width: 1px;
+    border: solid 1px transparent;
     position: relative;
+}
+
+ul.category-tabs li.tabs {
+    border-color: #dfdfdf #dfdfdf #fdfdfd;
+    background-color: #fdfdfd;
 }
 
 ul.add-menu-item-tabs li.tabs,
 .wp-tab-active {
-    border-style: solid solid none;
-    border-width: 1px 1px 0;
+    border: 1px solid #dfdfdf;
+    border-bottom: none;
+    background-color: #fdfdfd;
 }
 
@@ -4318 +4834 @@
     width: 100%;
     border-spacing: 0;
+    border: 1px solid #e5e5e5;
+    border-top: none;
+    background-color: #f7f7f7;
+    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.04);
+    box-shadow:         0 1px 1px rgba(0,0,0,0.04);
 }
 
@@ -4479 +5000 @@
 #postcustomstuff thead th {
     padding: 5px 8px 8px;
+    background-color: #f1f1f1;
 }
 
@@ -4505 +5027 @@
     margin: 0;
     width: 100%;
-    border-width: 1px;
-    border-style: solid;
+    border: 1px solid #dfdfdf;
     border-spacing: 0;
+    background-color: #f9f9f9;
 }
 
@@ -4580 +5102 @@
     top: 0;
     height: 82px;
+    background: #fff;
+    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
 }
 
@@ -4591 +5115 @@
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
+    background-color: #fff;
 }
 
@@ -4596 +5121 @@
     position: absolute;
     height: 100%;
-    border-style: solid;
-    border-width: 0 1px 0 0;
+    border-left: 1px solid #aaa;
     -moz-box-sizing: border-box;
     -webkit-box-sizing: border-box;
@@ -4676 +5200 @@
 .revisions-meta {
     margin-top: 20px;
+    background-color: #fff;
+    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
+}
+
+.revisions.pinned .revisions-meta {
+    box-shadow: none;
 }
 
@@ -4732 +5262 @@
 .revisions-diff {
     padding: 15px;
+    background-color: #fff;
+    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
 }
 
@@ -4793 +5325 @@
 table.diff .diff-addedline ins {
     text-decoration: none;
+}
+
+table.diff .diff-deletedline {
+    background-color: #ffe9e9;
+}
+
+table.diff .diff-deletedline del {
+    background-color: #faa;
+}
+
+table.diff .diff-addedline {
+    background-color: #e9ffe9;
+}
+
+table.diff .diff-addedline ins {
+    background-color: #afa;
 }
 
@@ -4919 +5467 @@
 .revisions-tooltip,
 .revisions-tooltip-arrow > span {
-    border-width: 1px;
-    border-style: solid;
-}
-
-
-
+    border: 1px solid #d7d7d7;
+    background-color: #fff;
+}
 
 .revisions-tooltip {
@@ -4943 +5488 @@
 .arrow::after {
     z-index: 9999;
+    background-color: #fff;
+    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
 }
 
@@ -4985 +5532 @@
 .wp-slider.ui-slider {
     position: relative;
-    border-width: 1px;
-    border-style: solid;
+    border: 1px solid #d7d7d7;
     text-align: left;
     cursor: pointer;
@@ -5001 +5547 @@
 }
 
+.wp-slider .ui-slider-handle,
+.wp-slider .ui-slider-handle.ui-state-hover,
+.wp-slider .ui-slider-handle.focus {
+    background: #2ea2cc;
+    border: 1px solid #0074a2;
+    -webkit-box-shadow: inset 0 1px 0 #78c8e6, 0 1px 0 rgba(0,0,0,.15);
+    box-shadow: inset 0 1px 0 #78c8e6, 0 1px 0 rgba(0,0,0,.15);
+}
+
 .wp-slider .ui-slider-handle:before {
     background: none;
@@ -5006 +5561 @@
     top: 0;
     left: 0;
+    color: #fff;
     content: "\f229";
     font: normal 18px/1 'dashicons';
@@ -5123 +5679 @@
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
+}
+
+.post-state-format:before,
+.post-format-icon:before {
+    color: #ddd;
+    -webkit-transition: all .1s ease-in-out;
+    -moz-transition:    all .1s ease-in-out;
+    transition:         all .1s ease-in-out;
+}
+
+a.post-state-format:hover:before,
+a.post-format-icon:hover:before {
+    color: #2ea2cc;
 }
 
@@ -5258 +5827 @@
     overflow: auto;
     padding: 0 0.9em;
-    border-style: solid;
-    border-width: 1px;
+    border: solid 1px #dfdfdf;
+    background-color: #fdfdfd;
 }
 
@@ -5317 +5886 @@
 .form-wrap p {
     margin: 2px 0 5px;
+    color: #666;
 }
 
@@ -5412 +5982 @@
     z-index: 10000;
     display: none;
-    border-width: 1px;
-    border-style: solid;
+    border: 1px solid #808080;
+    background-color: #fff;
 }
 
@@ -5423 +5993 @@
     padding: 2px 5px;
     white-space: nowrap;
+    color: #101010;
     text-align: left;
 }
 
 .ac_over {
+    background-color: #f0f0b8;
     cursor: pointer;
 }
@@ -5474 +6046 @@
     border-collapse: collapse;
     width: 100%;
-    border-top-style: solid;
-    border-top-width: 1px;
+    border-top: 1px solid #dfdfdf;
     clear: both;
     cursor: default;
@@ -5554 +6125 @@
 .media-upload-form th.label label span {
     padding: 0 5px;
-}
-
-abbr.required {
-    border: medium none;
-    text-decoration: none;
 }
 
@@ -5589 +6155 @@
 
 #media-items .media-item {
-    border-bottom-style: solid;
-    border-bottom-width: 1px;
+    border-bottom: 1px solid #dfdfdf;
     min-height: 36px;
     position: relative;
@@ -5713 +6278 @@
     position: absolute;
     z-index: 1000;
+    background-color: #444;
 }
 
 .find-box-head {
     cursor: move;
+    color: #eee;
     font-weight: 600;
     height: 2em;
@@ -5730 +6297 @@
     padding: 6px;
     height: 100%;
-}
-
-.find-box-search {
+    background-color: #fff;
+}
+
+.find-box-search,
+.find-box-buttons {
     overflow: hidden;
-    padding: 9px;
+    padding: 8px;
     position: relative;
+    background-color: #f7f7f7;
+    border-top: 1px solid #dfdfdf;
 }
 
@@ -5768 +6339 @@
     padding: 3px 0 0 8px;
     width: 15px;
-}
-
-.find-box-buttons {
-    padding: 8px;
-    overflow: hidden;
 }
 
@@ -5807 +6373 @@
     margin: 5px 0 10px;
     padding: 8px;
-    border-width: 1px;
-    border-style: solid;
+    border: 1px solid #ddd;
     line-height: 1.8em;
     word-spacing: 3px;
@@ -5964 +6529 @@
     float: left;
     width: 32px;
-    background: none;
+    border: 1px solid #d5d5d5;
+    background: #f1f1f1;
     margin: 0 8px 0 0;
     height: 32px;
@@ -5971 +6537 @@
     text-align: center;
     line-height: 28px;
+    color: #777;
 }
 
@@ -5977 +6544 @@
     speak: none;
     vertical-align: middle;
+}
+
+.imgedit-menu div:hover {
+    border-color: #c1c1c1;
+    background-color: #eaeaea;
+    color: #333;
+}
+
+.imgedit-menu div.disabled {
+    border-color: #ccc;
+    background-color: #ddd;
+    filter: alpha(opacity=50);
+    opacity: 0.5;
 }
 
@@ -6119 +6699 @@
 .form-table th,
 .form-wrap label {
+    color: #222;
     font-weight: normal;
     text-shadow: none;
@@ -6170 +6751 @@
     padding: 1em 1em .2em;
     margin: 0;
-    border-bottom-width: 1px;
-    border-bottom-style: solid;
+    border-bottom: 1px solid #ccc;
 }
 
@@ -6184 +6764 @@
 }
 
+#submitted-on,
+.submitted-on {
+    color: #777;
+}
+
 /* reply to comments */
-#replyrow input {
-    border-width: 1px;
-    border-style: solid;
-}
-
 #replyrow td {
     padding: 2px;
@@ -6246 +6826 @@
     -webkit-box-shadow: none;
     box-shadow: none;
+}
+
+#replyerror {
+    border-color: #ddd;
+    background-color: #f9f9f9;
 }
 
@@ -6297 +6882 @@
 }
 
+#the-comment-list tr.undo,
+#the-comment-list div.undo {
+    background-color: #f4f4f4;
+}
+
+#the-comment-list .unapproved th,
+#the-comment-list .unapproved td {
+    background-color: #fefaf7;
+}
+
+#the-comment-list .unapproved th.check-column {
+    border-left: 4px solid #d54e21;
+}
+
 #the-comment-list .unapproved th.check-column input {
     margin-left: 4px;
+}
+
+#the-comment-list .approve a {
+    color: #006505;
+}
+
+#the-comment-list .unapprove a {
+    color: #d98500;
+}
+
+#the-comment-list th,
+#the-comment-list td {
+    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
+    box-shadow:         inset 0 -1px 0 rgba(0, 0, 0, 0.1);
+}
+
+#the-comment-list tr:last-child th,
+#the-comment-list tr:last-child td {
+    -webkit-box-shadow: none;
+    box-shadow: none;
+}
+
+#the-comment-list tr.unapproved + tr.approved th,
+#the-comment-list tr.unapproved + tr.approved td {
+    border-top: 1px solid rgba(0, 0, 0, 0.03);
+}
+
+/* table vim shortcuts */
+.vim-current,
+.vim-current th,
+.vim-current td {
+    background-color: #e4f2fd !important;
 }
 
@@ -7381 +8012 @@
     height: 225px;
     display: block;
-    border-width: 1px;
-    border-style: solid;
+    border: 1px solid #ccc;
     margin-bottom: 10px;
     overflow: hidden;
+    background-color: #fff;
 }
 
@@ -7492 +8123 @@
 }
 
-#post-body ul.add-menu-item-tabs li.tabs a,
-#TB_window #TB_title a.tb-theme-preview-link,
-#TB_window #TB_title a.tb-theme-preview-link:visited {
+/* @todo: surely this belongs elsewhere */
+#post-body ul.add-menu-item-tabs li.tabs a {
     font-weight: 600;
     text-decoration: none;
+}
+
+#TB_window {
+    border: 1px solid #333;
 }
 
@@ -7502 +8136 @@
     background-color: #222;
     color: #cfcfcf;
+}
+
+#TB_window #TB_title a.tb-theme-preview-link,
+#TB_window #TB_title a.tb-theme-preview-link:visited {
+    color: #999;
+    font-weight: 600;
+    text-decoration: none;
+}
+
+#TB_window #TB_title a.tb-theme-preview-link:hover,
+#TB_window #TB_title a.tb-theme-preview-link:focus {
+    color: #ccc;
 }
 
@@ -7559 +8205 @@
 ------------------------------------------------------------------------------*/
 
+/* @todo: what is this doing here */
 #dashboard_right_now .versions .b,
 #post-status-display,
@@ -7575 +8222 @@
 }
 
+.plugins,
+.plugins th,
+.plugins td {
+    color: #000;
+}
+
+.plugins tr {
+    background: #fff;
+}
+
 .plugins p {
     margin: 0 4px;
@@ -7609 +8266 @@
 }
 
+.plugins .active td,
+.plugins .active th {
+    background-color: #f7fcfe;
+}
+
 .plugins .update th,
 .plugins .update td {
     border-bottom: 0;
 }
+
 .plugin-update-tr td {
     border-top: 0;
+}
+
+.plugins .inactive td,
+.plugins .inactive th,
+.plugins .active td,
+.plugins .active th,
+.plugin-install #the-list td,
+.upgrade .plugins td,
+.upgrade .plugins th {
+    -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.1);
+    box-shadow:         inset 0 -1px 0 rgba(0,0,0,0.1);
+}
+
+.plugins tr.active.plugin-update-tr + tr.inactive th,
+.plugins tr.active.plugin-update-tr + tr.inactive td,
+.plugins tr.active + tr.inactive th,
+.plugins tr.active + tr.inactive td {
+    border-top: 1px solid rgba(0,0,0,0.03);
+
+    -webkit-box-shadow: inset 0px 1px 0 rgba(0,0,0,0.02), inset 0 -1px 0 #e1e1e1;
+    box-shadow:         inset 0px 1px 0 rgba(0,0,0,0.02), inset 0 -1px 0 #e1e1e1;
+}
+
+.plugins .update td,
+.plugins .update th,
+.upgrade .plugins tr:last-of-type td,
+.upgrade .plugins tr:last-of-type th,
+.plugins tr.active + tr.inactive.update th,
+.plugins tr.active + tr.inactive.update td {
+    -webkit-box-shadow: none;
+    box-shadow: none;
+}
+
+.plugins .active.update td,
+.plugins .active.update th,
+tr.active.update + tr.plugin-update-tr .plugin-update {
+    background-color: #fefaf7;
+}
+
+.plugins .active th.check-column {
+    border-left: 4px solid #2ea2cc;
+}
+
+.plugins .active.update th.check-column,
+.plugins .active.update + .plugin-update-tr .plugin-update {
+    border-left: 4px solid #d54e21;
 }
 
@@ -7644 +8353 @@
 
 .plugin-update-tr .update-message {
-    border: none;
     font-size: 13px;
     font-weight: normal;
     margin: 6px 12px 12px;
     padding: 6px 12px;
+    margin: 0 10px 8px 31px;
+    background-color: #f7f7f7;
+    background-color: rgba(0,0,0,0.03);
 }
 
 .plugin-update-tr .update-message:before {
+    color: #d54e21;
     content: '\f463';
     display: inline-block;
@@ -7660 +8372 @@
     -moz-osx-font-smoothing: grayscale;
     vertical-align: top;
+}
+
+.plugins .plugin-update {
+    padding: 0;
+    border: none;
+    -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.1);
+    box-shadow:         inset 0 -1px 0 rgba(0,0,0,0.1);
+}
+
+/* update notices for active plugins */
+tr.active + tr.plugin-update-tr .plugin-update {
+    background-color: #f7fcfe;
+}
+
+tr.active + tr.plugin-update-tr .plugin-update .update-message {
+    background-color: #fcf3ef;
 }
 
@@ -7794 +8522 @@
 
 .pressthis a span:before {
+    color: #777;
     font: normal 20px/1 'dashicons';
     content:'\f157';
@@ -7849 +8578 @@
     padding: 10px 0;
     margin-right: 20px;
-    border-top-width: 1px;
-    border-top-style: solid;
+    color: #777;
 }
 
@@ -7909 +8637 @@
 .about-wrap h1 {
     margin: 0.2em 200px 0 0;
+    color: #333;
     line-height: 1.2em;
     font-size: 2.8em;
     font-weight: 400;
+}
+
+.about-wrap h4 {
+    color: #222;
 }
 
@@ -7929 +8662 @@
     margin: 1em 200px 1em 0;
     min-height: 60px;
+    color: #777;
     font-size: 24px;
 }
@@ -7986 +8720 @@
 .about-wrap .point-releases {
     margin-top: 5px;
+    border-bottom: 1px solid #dfdfdf;
 }
 
@@ -7992 +8727 @@
 }
 
+/* @todo: what is this for? */
 .about-wrap .changelog.point-releases h3:first-child {
     padding-top: 7px;
@@ -7999 +8735 @@
 
 .wp-badge {
-    background: url('../images/w-logo-white.png?ver=20131202') no-repeat;
-    background: none, url('../images/wordpress-logo-white.svg?ver=20131110') no-repeat;
+    background: #0074a2 url('../images/w-logo-white.png?ver=20131202') no-repeat;
+    background: #0074a2 url('../images/wordpress-logo-white.svg?ver=20131110') no-repeat;
     background-position: center 24px;
     background-size: 85px 85px;
+    color: #78c8e6;
     font-size: 14px;
     text-align: center;
@@ -8012 +8749 @@
     width: 150px;
     text-rendering: optimizeLegibility;
+
+    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.2);
+    box-shadow:         0 1px 3px rgba(0,0,0,0.2);
 }
 
@@ -8035 +8775 @@
 }
 
-.about-wrap h2 .nav-tab-active {
-    font-weight: bold;
-}
-
 /* Changelog / Update screen */
 
@@ -8166 +8902 @@
 }
 
+/* @todo: combine this */
 .about-wrap li.wp-person {
     height: 70px;
@@ -8338 +9075 @@
     padding: 0;
     border-radius: 50%;
+    color: #777;
     text-decoration: none;
+}
+
+.wp-full-overlay a.collapse-sidebar:hover {
+    color: #0074a2;
 }
 
@@ -8360 +9102 @@
     float: left;
     content: "\f148";
+    background: #eee;
     font: normal 20px/1 'dashicons';
     speak: none;
@@ -8562 +9305 @@
 
 .nav-tab {
-    border-style: solid;
-    border-width: 1px 1px 0;
+    border: 1px solid #ccc;
+    border-bottom: none;
+    background: #e4e4e4;
+    color: #555;
     font-size: 12px;
     line-height: 16px;
@@ -8572 +9317 @@
 }
 
+.nav-tab:hover {
+    background-color: #fff;
+    color: #464646;
+}
+
 .nav-tab-active {
-    border-width: 1px;
+    color: #464646;
 }
 
 .nav-tab-active,
 .nav-tab-active:hover {
-    border-bottom-width: 1px;
-    border-bottom-style: solid;
+    border-bottom: 1px solid #f1f1f1;
+    background: none;
+    color: #000;
 }
 
 h2.nav-tab-wrapper,
 h3.nav-tab-wrapper {
-    border-bottom-width: 1px;
-    border-bottom-style: solid;
+    border-bottom: 1px solid #ccc;
     padding-bottom: 0;
     padding-left: 10px;
@@ -8641 +9391 @@
 
 .row-actions {
+    color: #ddd;
     font-size: 13px;
     visibility: hidden;
@@ -8726 +9477 @@
 }
 
+#poststuff .inside label.spam,
+#poststuff .inside label.deleted {
+    color: red;
+}
+
+#poststuff .inside label.waiting {
+    color: orange;
+}
+
+#poststuff .inside label.approved {
+    color: green;
+}
+
 .inline-edit-row #post_parent,
 .inline-edit-row select[name="page_template"] {
@@ -8777 +9541 @@
     float: left;
     line-height: 28px;
-    border-top-width: 1px;
-    border-top-style: solid;
-    border-bottom-width: 1px;
-    border-bottom-style: solid;
+    border-top: 1px solid #f9f9f9;
+    border-bottom: 1px solid #dfdfdf;
+    background-color: #f9f9f9;
     -webkit-transition: none;
     -moz-transition: none;
@@ -8796 +9559 @@
 }
 
+/* @todo: remove border radius */
 #sidemenu a.current {
     font-weight: normal;
@@ -8804 +9568 @@
     border-top-left-radius: 3px;
     border-top-right-radius: 3px;
-    border-width: 1px;
-    border-style: solid;
+    border: 1px solid #dfdfdf;
+    border-bottom-color: #f1f1f1;
+    background-color: #f1f1f1;
+    color: #000;
 }
 
@@ -9015 +9781 @@
 
 #dashboard-widgets h4 {
+    color: #222;
     font-weight: normal;
     font-size: 14px;
@@ -9029 +9796 @@
 #latest-comments #the-comment-list {
     position: relative;
+}
+
+#activity-widget #the-comment-list .comment {
+    -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.06);
+    box-shadow:         inset 0 1px 0 rgba(0, 0, 0, 0.06);
+}
+
+#activity-widget .comments #the-comment-list .alt {
+    background-color: transparent;
 }
 
@@ -9213 +9989 @@
     font-weight: normal;
     overflow: hidden;
+    background: #fff;
+
+    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.13);
+    box-shadow:         0 1px 3px rgba(0,0,0,0.13);
 }
 
@@ -9295 +10075 @@
 }
 
+.login #nav a,
+.login #backtoblog a {
+    text-decoration: none;
+    color: #999;
+}
+
+.login #nav a:hover,
+.login #backtoblog a:hover,
+.login h1 a:hover {
+    color: #2ea2cc;
+}
+
 .login form .input,
 .login input[type="text"] {
@@ -9304 +10096 @@
 }
 
+.login form .input,
+.login input[type="text"],
+.login form input[type="checkbox"] {
+    background: #fbfbfb;
+}
+
 .login #pass-strength-result {
     width: 250px;
     font-weight: 600;
-    border-style: solid;
-    border-width: 1px;
     margin: 12px 0 6px;
     padding: 6px 5px;
@@ -9444 +10240 @@
 
 .is-submenu {
+    color: #999;
     font-style: italic;
     font-weight: normal;
@@ -9453 +10250 @@
     padding: 10px;
     overflow: hidden;
+    background: #fbfbfb;
 }
 
@@ -9479 +10277 @@
 
 .menu-settings {
-    border-top-width: 1px;
-    border-top-style: solid;
+    border-top: 1px solid #eee;
     margin-top: 2em;
 }
@@ -9513 +10310 @@
 
 .theme-location-set {
+    color: #999;
     font-size: 11px;
 }
@@ -9528 +10326 @@
     margin-top: -3px;
     width: 100%;
+    background: #f5f5f5;
 }
 
@@ -9536 +10335 @@
 .nav-menus-php #post-body {
     padding: 0 10px 10px;
-    border-width: 1px 0;
-    border-style: solid;
+    border-top: 1px solid #fff;
+    border-bottom: 1px solid #dfdfdf;
+    background: #fff;
 }
 
@@ -9546 +10346 @@
 
 #nav-menu-header {
-    border-bottom: 1px solid;
+    border-bottom: 1px solid #dfdfdf;
     margin-bottom: 0;
 }
@@ -9626 +10426 @@
 
 .js .input-with-default-title {
+    color: #aaa;
     font-style: italic;
 }
@@ -9689 +10490 @@
 }
 
+/* @todo: is this actually used? */
 #cancel-save {
     text-decoration: underline;
@@ -9773 +10575 @@
     clear: both;
     margin-bottom: 10px;
-}
-
-.nav-menus-php .list-container {
-    max-height: 200px;
-    overflow-y: auto;
-    padding: 10px 10px 5px;
 }
 
@@ -9848 +10644 @@
 }
 
+.menu-item-bar .menu-item-handle:hover {
+    border-color: #999;
+}
+
 #menu-to-edit .menu-item-invalid .menu-item-handle {
     background: #f6c9cc;
@@ -9863 +10663 @@
 .menu li.deleting .menu-item-handle {
     background-image: none;
+    background-color: #f66;
 }
 
@@ -9930 +10731 @@
 /* Menu item controls */
 .item-type {
+    color: #777;
     font-size: 12px;
     padding: 12px 10px;
@@ -9980 +10782 @@
     position: relative;
     z-index: 10; /* Keep .item-title's shadow from appearing on top of .menu-item-settings */
+    border: 1px solid #e5e5e5;
+    border-top: none;
+    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.04);
+    box-shadow:         0 1px 1px rgba(0,0,0,0.04);
 }
 
@@ -10004 +10810 @@
     margin: 0 0 10px;
     padding: 3px 5px 5px;
+    border: 1px solid #dfdfdf;
+    color: #777;
     font-size: 12px;
     font-style: italic;
@@ -10063 +10871 @@
 
 .nav-menus-php .submitbox .submitcancel {
-    border-bottom: 1px solid;
+    border-bottom: 1px solid #0074a2;
     padding: 1px 2px;
+    color: #0074a2;
     text-decoration: none;
+}
+
+.nav-menus-php .submitbox .submitcancel:hover {
+    background: #0074a2;
+    color: #fff;
 }
 
@@ -10071 +10885 @@
     padding-left: 4px;
     margin-left: -4px;
-    border: 0 none;
 }
 
@@ -10163 +10976 @@
     font-weight: 600;
     position: relative;
-    border-bottom-width: 1px;
-    border-bottom-style: solid;
+    border-bottom: 1px solid #dfdfdf;
     height: 2.5em;
+    background-color: #f9f9f9;
 }
 #plugin-information ul#sidemenu {
@@ -10192 +11005 @@
 
 #plugin-information .action-button a {
+    background-color: #2ea2cc;
+    color: #fff;
     text-align: center;
     font-weight: 600;
@@ -10219 +11034 @@
     -webkit-border-top-left-radius: 3px;
     border-top-left-radius: 3px;
+    background-color: #cee1ef;
 }
 
@@ -10227 +11043 @@
     -webkit-border-bottom-left-radius: 3px;
     border-bottom-left-radius: 3px;
+    background-color: #eaf3fa;
 }
 
@@ -10271 +11088 @@
     padding: 7px;
     overflow: auto;
-    border-width: 1px;
-    border-style: solid;
+    border: 1px solid #ccc;
+}
+
+#plugin-information pre,
+#plugin-information code {
+    background-color: #ededff;
 }
 
@@ -10284 +11105 @@
 
 /* Header */
+/* @todo: are these also specific to Press This? */
 #wphead {
-    border-bottom-width: 1px;
-    border-bottom-style: solid;
+    border-bottom: 1px solid #dfdfdf;
+}
+
+#wphead h1 a {
+    color: #464646;
 }
 
@@ -10444 +11269 @@
     font-size: 12px;
     margin-left: 5px;
-}
-
-#TB_window {
-    border: 1px solid #333;
 }
 
@@ -10503 +11324 @@
     outline: none;
     padding: 3px 4px;
-    border-color: #dfdfdf;
+    border: 1px solid #dfdfdf;
 }
 
@@ -10743 +11564 @@
 
 .nonessential {
+    color: #666;
     font-size: 11px;
     font-style: italic;
@@ -10819 +11641 @@
 }
 
+.in-widget-title,
+#widgets-right a.widget-control-edit,
+#available-widgets .widget-description {
+    color: #666;
+}
+
+.deleting .widget-title,
+.deleting .widget-top a.widget-action:after {
+    color: #aaa;
+}
+
 /* Widget Dragging Helpers */
 .widget.ui-draggable-dragging {
@@ -10850 +11683 @@
 /* Widget Sidebars */
 .sidebar-name {
-    border: none;
     position: relative;
     -webkit-box-sizing: border-box;
@@ -10921 +11753 @@
 }
 
+#widgets-left #available-widgets,
 div#widgets-left .widget-holder {
     background: transparent;
     border: none;
+}
+
+#widgets-left .widgets-holder-wrap {
+    border: none;
+    -webkit-box-shadow: none;
+    box-shadow: none;
 }
 
@@ -11126 +11965 @@
 }
 
+.widget-action,
+.handlediv,
+.item-edit,
+.sidebar-name-arrow,
+.accordion-section-title:after {
+    color: #aaa;
+}
+
+.widget-action:hover,
+.handlediv:hover,
+.item-edit:hover,
+.sidebar-name:hover .sidebar-name-arrow,
+.accordion-section-title:hover:after {
+    color: #777;
+}
+
 .widget-top a.widget-action:after {
     padding: 12px 12px 0;
@@ -11151 +12006 @@
 .widget-description {
     display: none;
+}
+
+.widget-inside {
+    background: #fff;
 }
 
@@ -11160 +12019 @@
     font-size: 12px;
     line-height: 1;
+    color: black;
+}
+
+.js #removing-widget {
+    color: #2ea2cc;
 }
 
@@ -11324 +12188 @@
     overflow: hidden;
     background: #fff;
-    border-left: 1px solid #dfdfdf;
-    border-right: 1px solid #dfdfdf;
 }
 
@@ -11391 +12253 @@
     /* When expanded */
     border-bottom: 1px solid #dfdfdf;
+}
+
+.sticky-menu #TB_window {
+    background: #f1f1f1;
 }
 
@@ -11596 +12462 @@
     #theme-installer .wp-full-overlay-main {
         background-image: url('../images/spinner-2x.gif');
+    }
+
+    /* @todo: evaluate - most of these were likely replaced by dashicons */
+    .curtime #timestamp,
+    #screen-meta-links a.show-settings,
+    .widget-top a.widget-action,
+    .widget-top a.widget-action:hover,
+    .sidebar-name-arrow,
+    .sidebar-name:hover .sidebar-name-arrow,
+    .meta-box-sortables .postbox:hover .handlediv,
+    .tagchecklist span a,
+    #bulk-titles div a,
+    .tagchecklist span a:hover,
+    #bulk-titles div a:hover {
+        background: none !important;
     }
 

trunk/src/wp-admin/includes/update-core.php

@@ -604 +604 @@
 'wp-admin/images/wp-logo-vs-2x.png',
 'wp-admin/images/about-updates-2x.png',
+// 3.9
+'wp-admin/css/colors.css',
+'wp-admin/css/colors.min.css',
 );
 

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

@@ -1088 +1088 @@
     padding-left: 12px;
 }
+
+/* from colors.css
+.clearlooks2 {
+    box-shadow: 0 5px 15px rgba(0,0,0,0.7);
+}
+
+.clearlooks2 .mceMiddle span,
+.clearlooks2 .mceMiddle .mceLeft,
+.clearlooks2 .mceMiddle .mceRight,
+.clearlooks2 .mceBottom,
+.clearlooks2 .mceBottom .mceLeft,
+.clearlooks2 .mceBottom .mceCenter,
+.clearlooks2 .mceBottom .mceRight {
+    background-color: #fcfcfc;
+}
+
+.clearlooks2 .mceTop span,
+.clearlooks2 .mceFocus .mceTop span {
+    color: #222;
+}
+
+.clearlooks2 .mceClose:before {
+    color: #999;
+}
+
+.clearlooks2 .mceClose:hover:before {
+    color: #2ea2cc;
+}
 */
 /* Distraction Free Writing mode

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

@@ -458 +458 @@
 }
 
+.media-router a {
+    -moz-transition:    none;
+    -webkit-transition: none;
+    transition:         none;
+}
+
 .media-router > a {
     position: relative;

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

@@ -60 +60 @@
 
 .wp-pointer-buttons a.close:before {
+    background: none;
+    color: #bbb;
     content: '\f153';
     display: block !important;
@@ -74 +76 @@
 }
 
+.wp-pointer-buttons a.close:hover:before {
+    color: #c00;
+}
+
 /* The arrow base class must take up no space, even with transparent borders. */
 .wp-pointer-arrow,

trunk/src/wp-includes/script-loader.php

@@ -550 +550 @@
     $suffix = SCRIPT_DEBUG ? '' : '.min';
 
-    $rtl_styles = array( 'wp-admin', 'ie', 'media', 'admin-bar', 'customize-controls', 'media-views', 'wp-color-picker', 'wp-pointer', 'editor-buttons', 'farbtastic', 'wp-auth-check', 'wp-jquery-ui-dialog', 'media-views', 'buttons', 'install', 'colors-fresh' );
+    $rtl_styles = array( 'wp-admin', 'ie', 'media', 'admin-bar', 'customize-controls', 'media-views', 'wp-color-picker', 'wp-pointer', 'editor-buttons', 'farbtastic', 'wp-auth-check', 'wp-jquery-ui-dialog', 'media-views', 'buttons', 'install' );
 
     $styles->add( 'wp-admin', "/wp-admin/css/wp-admin$suffix.css", array( 'open-sans', 'dashicons' ) );
@@ -591 +591 @@
 
     // do not refer to this directly, the right one is queued by the above "meta" colors handle
-    $styles->add( 'colors-fresh', "/wp-admin/css/colors$suffix.css", array( 'wp-admin', 'buttons' ) );
+    $styles->add( 'colors-fresh', false, array( 'wp-admin', 'buttons' ) );
 
     $styles->add( 'media', "/wp-admin/css/media$suffix.css" );