Changeset 31422

Timestamp:

02/11/2015 10:17:02 PM (10 years ago)

Author:

helen

Message:

Update the default admin color scheme for more unity and refinement.

This removes the red channel from blues and cools the grays a bit for a more cohesive and purposeful color scheme.

props hugobaeta.
fixes #31234.

Location:

trunk/src

Files:

• wp-admin/css/about.css (modified) (3 diffs)
• wp-admin/css/admin-menu.css (modified) (13 diffs)
• wp-admin/css/common.css (modified) (22 diffs)
• wp-admin/css/dashboard.css (modified) (3 diffs)
• wp-admin/css/edit.css (modified) (3 diffs)
• wp-admin/css/forms.css (modified) (4 diffs)
• wp-admin/css/list-tables.css (modified) (9 diffs)
• wp-admin/css/media.css (modified) (4 diffs)
• wp-admin/css/nav-menus.css (modified) (1 diff)
• wp-admin/css/press-this.css (modified) (2 diffs)
• wp-admin/css/revisions.css (modified) (1 diff)
• wp-admin/css/themes.css (modified) (12 diffs)
• wp-admin/css/widgets.css (modified) (2 diffs)
• wp-includes/css/admin-bar.css (modified) (9 diffs)

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

@@ -45 +45 @@
 
 .wp-badge {
-    background: #0074a2 url(../images/w-logo-white.png?ver=20131202) no-repeat;
+    background: #0073aa url(../images/w-logo-white.png?ver=20131202) no-repeat;
     background-position: center 24px;
     -webkit-background-size: 85px 85px;
@@ -97 +97 @@
 .about-wrap h1 {
     margin: 0.2em 200px 0 0;
-    color: #333;
+    color: #32373c;
     line-height: 1.2em;
     font-size: 2.8em;
@@ -110 +110 @@
 
 .about-wrap h4 {
-    color: #222;
+    color: #23282d;
 }
 

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

@@ -4 +4 @@
 #adminmenu .wp-submenu {
     width: 160px;
-    background-color: #222;
+    background-color: #23282d;
 }
 
@@ -167 +167 @@
 
 #adminmenu .wp-submenu a {
-    color: #bbb;
+    color: #b4b9be;
+    color: rgba(240,245,250,0.7);
 }
 
@@ -202 +203 @@
     padding: 7px 0 8px;
     z-index: 9999;
-    background-color: #333;
+    background-color: #32373c;
     -webkit-box-shadow: 0 3px 5px rgba(0,0,0,0.2);
     box-shadow: 0 3px 5px rgba(0,0,0,0.2);
@@ -229 +230 @@
     -webkit-box-shadow: none;
     box-shadow: none;
-    background-color: #333;
+    background-color: #32373c;
 }
 
@@ -237 +238 @@
 #adminmenu li > a.menu-top:focus {
     position: relative;
-    background-color: #111;
+    background-color: #191e23;
 }
 
@@ -253 +254 @@
 #adminmenu .wp-has-current-submenu .wp-submenu .wp-submenu-head,
 #adminmenu .wp-menu-arrow div {
-    background: #0074a2;
+    background: #0073aa;
     color: #fff;
 }
@@ -365 +366 @@
 
 #adminmenu div.wp-menu-image:before {
-    color: #999;
+    color: #00b9eb;
+    color: rgba(240,245,250,0.6);
 }
 
@@ -377 +379 @@
 
 #adminmenu li:hover div.wp-menu-image:before {
-    color: #45bbe6;
+    color: #00b9eb;
 }
 
@@ -465 +467 @@
 
 #adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after {
-    border-right-color: #333;
+    border-right-color: #32373c;
 }
 
@@ -538 +540 @@
     line-height: 34px;
     margin-top: 10px;
-    color: #aaa;
+    color: #00b9eb;
+    color: rgba(240,245,250,0.6);
     -webkit-transition: all .1s ease-in-out;
     transition: all .1s ease-in-out;
@@ -545 +548 @@
 #collapse-menu:hover,
 #collapse-menu:hover #collapse-button div:after {
-    color: #45bbe6;
+    color: #00b9eb;
 }
 
@@ -577 +580 @@
     left: -3px;
     top: -3px;
-    color: #aaa;
+    color: #00b9eb;
+    color: rgba(240,245,250,0.6);
     font: normal 20px/1 'dashicons' !important;
     speak: none;
@@ -871 +875 @@
 
     .wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
-        background: #333;
+        background: #32373c;
     }
 

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

@@ -242 +242 @@
 
 a {
-    color: #0074a2;
+    color: #0073aa;
     -webkit-transition-property: border, background, color;
     transition-property: border, background, color;
@@ -258 +258 @@
 a:hover,
 a:active {
-    color: #2ea2cc;
+    color: #00a0d2;
 }
 
@@ -326 +326 @@
 
 h2 {
-    color: #222;
+    color: #23282d;
     font-size: 1.5em;
     margin: .83em 0;
@@ -333 +333 @@
 
 h3 {
-    color: #222;
+    color: #23282d;
     font-size: 1.3em;
     margin: 1em 0;
@@ -558 +558 @@
 
 .attention {
-    color: #2ea2cc;
+    color: #00a0d2;
 }
 
@@ -597 +597 @@
 
 .wrap .add-new-h2:hover {
-    background: #2ea2cc;
+    background: #00a0d2;
     color: #fff;
 }
@@ -652 +652 @@
 .wp-ui-primary {
     color: #fff;
-    background-color: #333;
+    background-color: #32373c;
 }
 .wp-ui-text-primary {
-    color: #333;
+    color: #32373c;
 }
 
@@ -701 +701 @@
 .menu-item-handle {
     background: #fafafa;
-    color: #222;
+    color: #23282d;
 }
 
@@ -983 +983 @@
     box-shadow: none;
     border-bottom: 4px solid #666;
-    color: #222;
+    color: #23282d;
 }
 
@@ -990 +990 @@
 .show-filters .filter-links a.current:hover,
 .show-filters .filter-links a.current:focus {
-    color: #2ea2cc;
+    color: #00a0d2;
 }
 
@@ -1048 +1048 @@
 .wp-filter .drawer-toggle:hover,
 .wp-filter .drawer-toggle:hover:before {
-    color: #2ea2cc;
+    color: #00a0d2;
 }
 
@@ -1288 +1288 @@
 
 .notice-info {
-    border-color: #2ea2cc;
+    border-color: #00a0d2;
 }
 
@@ -1427 +1427 @@
 #screen-meta-links a:active,
 #screen-meta-links a:focus {
-    color: #333;
+    color: #32373c;
 }
 
@@ -1566 +1566 @@
 
 .contextual-help-tabs a:hover {
-    color: #333;
+    color: #32373c;
 }
 
@@ -1572 +1572 @@
     padding: 0;
     margin: 0 -1px 0 0;
-    border-left: 2px solid #2ea2cc;
+    border-left: 2px solid #00a0d2;
     background: #f6fbfd;
     -webkit-box-shadow: 0 2px 0 rgba(0,0,0,0.02), 0 1px 0 rgba(0,0,0,0.02);
@@ -1580 +1580 @@
 .contextual-help-tabs .active a {
     border-color: #e1e1e1;
-    color: #333;
+    color: #32373c;
 }
 
@@ -1642 +1642 @@
 .widefat thead tr th,
 .widefat tfoot tr th {
-    color: #333;
+    color: #32373c;
 }
 
@@ -1652 +1652 @@
 .widefat ol,
 .widefat ul {
-    color: #333;
+    color: #32373c;
 }
 
@@ -2138 +2138 @@
     transition: color .1s ease-in 0;
     text-align: center;
-    color: #0074a2;
+    color: #0073aa;
 }
 
@@ -2278 +2278 @@
     border-bottom-color: #fff;
     padding-top: 8px;
-    color: #333;
+    color: #32373c;
 }
 
@@ -2655 +2655 @@
 body.index-php .tb-close-icon:focus,
 body.index-php .tb-close-icon:hover {
-    color: #2ea2cc;
+    color: #00a0d2;
     outline: none;
     -webkit-box-shadow: none;
@@ -2993 +2993 @@
 .js .control-section.open .accordion-section-title,
 .js .control-section .accordion-section-title:focus {
-    color: #222;
+    color: #23282d;
     background: #f5f5f5;
 }

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

@@ -212 +212 @@
 
 .welcome-panel .welcome-icon:before {
-    color: #888;
+    color: #82878c;
     font: normal 20px/1 'dashicons';
     speak: none;
@@ -371 +371 @@
 #dashboard_right_now li a:before,
 #dashboard_right_now li span:before {
-    color: #888;
+    color: #82878c;
 }
 
@@ -801 +801 @@
 
 #dashboard-widgets h4 {
-    color: #222;
+    color: #23282d;
     font-weight: normal;
     font-size: 14px;

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

@@ -228 +228 @@
 #post-body ul.category-tabs li.tabs a,
 #post-body ul.add-menu-item-tabs li.tabs a {
-    color: #333;
+    color: #32373c;
 }
 
@@ -497 +497 @@
 #post-body .misc-pub-revisions:before,
 span.wp-media-buttons-icon:before {
-    color: #888;
+    color: #82878c;
 }
 
@@ -849 +849 @@
 a.post-state-format:hover:before,
 a.post-format-icon:hover:before {
-    color: #2ea2cc;
+    color: #00a0d2;
 }
 

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

@@ -31 +31 @@
     box-shadow: inset 0 1px 2px rgba( 0, 0, 0, 0.07 );
     background-color: #fff;
-    color: #333;
+    color: #32373c;
     outline: none;
     -webkit-transition: 0.05s border-color ease-in-out;
@@ -93 +93 @@
 
 input[type="radio"]:checked + label:before {
-    color: #888;
+    color: #82878c;
 }
 
 .wp-core-ui input[type="reset"]:hover,
 .wp-core-ui input[type="reset"]:active {
-    color: #2ea2cc;
+    color: #00a0d2;
 }
 
@@ -560 +560 @@
 .form-table th,
 .form-wrap label {
-    color: #222;
+    color: #23282d;
     font-weight: normal;
     text-shadow: none;
@@ -694 +694 @@
     position: relative;
     cursor: move;
-    color: #333;
+    color: #32373c;
     background: #e6e6e6;
     -webkit-border-radius: 5px;

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

@@ -46 +46 @@
 
 .post-com-count:hover span {
-    background-color: #2ea2cc;
+    background-color: #00a0d2;
 }
 
 .post-com-count:hover:after {
-    border-top: 5px solid #2ea2cc;
+    border-top: 5px solid #00a0d2;
 }
 
@@ -58 +58 @@
 
 strong .post-com-count span {
-    background-color: #0074a2;
+    background-color: #0073aa;
 }
 
 strong .post-com-count:after {
-    border-top: 5px solid #0074a2;
+    border-top: 5px solid #0073aa;
 }
 
@@ -417 +417 @@
 
 tr.wp-locked .locked-indicator:before {
-    color: #888;
+    color: #82878c;
     content: '\f160';
     display: inline-block;
@@ -480 +480 @@
 th.sortable a:active,
 th.sortable a:focus {
-    color: #333;
+    color: #32373c;
 }
 
@@ -572 +572 @@
 .tablenav .tablenav-pages a:focus {
     color: #fff;
-    background: #2ea2cc;
+    background: #00a0d2;
 }
 
@@ -614 +614 @@
 .tablenav .prev {
     border-color: transparent;
-    color: #0074a2;
+    color: #0073aa;
 }
 
@@ -620 +620 @@
 .tablenav .prev:hover {
     border-color: transparent;
-    color: #2ea2cc;
+    color: #00a0d2;
 }
 
@@ -666 +666 @@
 
 .view-switch a.current:before {
-    color: #0074a2;
+    color: #0073aa;
 }
 
@@ -1161 +1161 @@
 .plugins .active th.check-column,
 .plugin-update-tr.active td {
-    border-left: 4px solid #2ea2cc;
+    border-left: 4px solid #00a0d2;
 }
 

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

@@ -178 +178 @@
     -webkit-border-radius: 22px;
     border-radius: 22px;
-    background-color: #0074a2;
+    background-color: #0073aa;
     -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.3);
     box-shadow: inset 0 0 2px rgba(0,0,0,0.3);
@@ -313 +313 @@
 
 #find-posts-close:hover {
-    color: #2ea2cc;
+    color: #00a0d2;
 }
 
@@ -496 +496 @@
 .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: #2ea2cc;
+    color: #00a0d2;
 }
 
@@ -945 +945 @@
     border-color: #c1c1c1;
     background-color: #eaeaea;
-    color: #333;
+    color: #32373c;
 }
 

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

@@ -714 +714 @@
 
 .nav-menus-php .submitbox .submitcancel {
-    border-bottom: 1px solid #0074a2;
+    border-bottom: 1px solid #0073aa;
     padding: 1px 2px;
-    color: #0074a2;
+    color: #0073aa;
     text-decoration: none;
 }
 
 .nav-menus-php .submitbox .submitcancel:hover {
-    background: #0074a2;
+    background: #0073aa;
     color: #fff;
 }

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

@@ -13 +13 @@
 
 body.press-this ul.category-tabs li.tabs a {
-    color: #333;
+    color: #32373c;
 }
 
@@ -21 +21 @@
 
 body.press-this {
-    color: #333;
+    color: #32373c;
     margin: 0;
     padding: 0;

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

@@ -475 +475 @@
 .wp-slider .ui-slider-handle.ui-state-hover,
 .wp-slider .ui-slider-handle.focus {
-    background: #2ea2cc;
-    border: 1px solid #0074a2;
+    background: #00a0d2;
+    border: 1px solid #0073aa;
     -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);

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

@@ -175 +175 @@
     right: 25%;
     left: 25%;
-    background: #222;
+    background: #23282d;
     background: rgba(0,0,0,0.7);
     color: #fff;
@@ -275 +275 @@
 
 .theme-browser .theme .theme-author {
-    background: #222;
+    background: #23282d;
     color: #eee;
     display: none;
@@ -370 +370 @@
 .theme-browser .theme.add-new-theme:focus span:after {
     background: #fff;
-    color: #0074a2;
+    color: #0073aa;
 }
 
@@ -377 +377 @@
     border-color: transparent;
     color: #fff;
-    background: #0074a2;
+    background: #0073aa;
     content: '';
 }
@@ -698 +698 @@
 .theme-overlay .screenshot.selected {
     background: transparent;
-    border: 2px solid #2ea2cc;
+    border: 2px solid #00a0d2;
 }
 
@@ -720 +720 @@
 
 .theme-overlay .current-label {
-    background: #333;
+    background: #32373c;
     color: #fff;
     font-size: 11px;
@@ -735 +735 @@
 
 .theme-overlay .theme-name {
-    color: #222;
+    color: #23282d;
     font-size: 32px;
     font-weight: 100;
@@ -772 +772 @@
 .theme-overlay .theme-tags {
     border-top: 3px solid #eee;
-    color: #888;
+    color: #82878c;
     font-size: 13px;
     font-weight: 400;
@@ -796 +796 @@
 
 .theme-overlay .theme-update {
-    color: #222;
+    color: #23282d;
     font-size: 18px;
     display: inline-block;
@@ -806 +806 @@
     background: #f7fcfe;
     border: 1px solid #eee;
-    border-left: 4px solid #2ea2cc;
+    border-left: 4px solid #00a0d2;
     font-size: 14px;
     font-weight: normal;
@@ -1078 +1078 @@
 /* Already installed theme */
 .theme-browser .theme .theme-installed {
-    background: #0074a2;
+    background: #0073aa;
 }
 .theme-browser .theme .theme-installed:before {
@@ -1488 +1488 @@
 
 .wp-full-overlay a.collapse-sidebar:hover {
-    color: #0074a2;
+    color: #0073aa;
 }
 

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

@@ -370 +370 @@
 
 .js #removing-widget {
-    color: #2ea2cc;
+    color: #00a0d2;
 }
 
@@ -476 +476 @@
 
 .widgets-chooser li.widgets-chooser-selected {
-    background: #2ea2cc;
+    background: #00a0d2;
     color: #fff;
 }

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

@@ -82 +82 @@
     min-width: 600px; /* match the min-width of the body in wp-admin.css */
     z-index: 99999;
-    background: #222;
+    background: #23282d;
 }
 
@@ -137 +137 @@
     -webkit-box-shadow: 0 3px 5px rgba(0,0,0,0.2);
     box-shadow: 0 3px 5px rgba(0,0,0,0.2);
-    background: #333;
+    background: #32373c;
     display: none;
     position: absolute;
@@ -211 +211 @@
 #wpadminbar .ab-top-menu > li:hover > .ab-item,
 #wpadminbar .ab-top-menu > li.hover > .ab-item {
-    background: #333;
+    background: #32373c;
     color: #45bbe6;
 }
@@ -238 +238 @@
 #wpadminbar .ab-item:before,
 #wpadminbar #adminbarsearch:before {
-    color: #999;
+    color: #a0a5aa;
+    color: rgba(240,245,250,0.6);
 }
 
@@ -255 +256 @@
 
 #wpadminbar .ab-submenu .ab-item {
-    color: #eee;
+    color: #b4b9be;
+    color: rgba(240,245,250,0.7);
 }
 
@@ -262 +264 @@
 #wpadminbar .quicklinks .menupop.hover ul li a,
 #wpadminbar.nojs .quicklinks .menupop:hover ul li a {
-    color: #eee;
+    color: #b4b9be;
+    color: rgba(240,245,250,0.7);
 }
 
@@ -280 +283 @@
 #wpadminbar li.hover .ab-item:before,
 #wpadminbar li:hover #adminbarsearch:before {
-    color: #45bbe6;
+    color: #00b9eb;
 }
 
@@ -326 +329 @@
 #wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
 #wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
-    background: #4b4b4b;
+    background: #464b50;
 }
 
 #wpadminbar .quicklinks .menupop .ab-sub-secondary > li > a:hover,
 #wpadminbar .quicklinks .menupop .ab-sub-secondary > li .ab-item:focus a {
-    color: #45bbe6;
+    color: #00b9eb;
 }
 
 #wpadminbar .quicklinks a span#ab-updates {
     background: #eee;
-    color: #333;
+    color: #32373c;
     display: inline;
     padding: 2px 5px;
@@ -437 +440 @@
     height: 16px;
     padding: 0;
-    border: 1px solid #888;
+    border: 1px solid #82878c;
     background: #eee;
     line-height: 24px;