diff --git a/src/wp-admin/about.php b/src/wp-admin/about.php index 54c0f54cda..be9ee28f6b 100644 --- a/src/wp-admin/about.php +++ b/src/wp-admin/about.php @@ -57,7 +57,7 @@ include( ABSPATH . 'wp-admin/admin-header.php' ); -
+
@@ -73,7 +73,7 @@ include( ABSPATH . 'wp-admin/admin-header.php' );
-
+
@@ -94,7 +94,7 @@ include( ABSPATH . 'wp-admin/admin-header.php' );
-
+
@@ -114,7 +114,7 @@ include( ABSPATH . 'wp-admin/admin-header.php' );
-
+

@@ -129,7 +129,7 @@ include( ABSPATH . 'wp-admin/admin-header.php' );
-
+
diff --git a/src/wp-admin/css/colors.css b/src/wp-admin/css/colors.css index 88ba433b2b..de6fc00316 100644 --- a/src/wp-admin/css/colors.css +++ b/src/wp-admin/css/colors.css @@ -17,7 +17,7 @@ TABLE OF CONTENTS: ------------------------------------------------------------------------------*/ html { - background: #eee; + background: #f3f3f3; } /* Checkbooms */ @@ -114,7 +114,7 @@ input[type=radio]:checked:before { ul#adminmenu a.wp-has-current-submenu:after, ul#adminmenu > li.current > a.current:after { - border-right-color: #eee; + border-right-color: #f3f3f3; } .row-actions { @@ -1760,7 +1760,7 @@ div.widgets-sortables, color: #000; background: none; border-color: #ccc; - border-bottom-color: #eee; + border-bottom-color: #f3f3f3; } h2.nav-tab-wrapper, h3.nav-tab-wrapper { @@ -1789,7 +1789,7 @@ h2.nav-tab-wrapper, h3.nav-tab-wrapper { .about-wrap h2 .nav-tab-active { border-color: #ccc; - border-bottom-color: #eee; + border-bottom-color: #f3f3f3; } .about-wrap h2, @@ -1964,7 +1964,7 @@ a .mceIcon:hover { } body.login { - background: #eee; + background: #f3f3f3; } .login #nav a, diff --git a/src/wp-admin/css/colors/_admin.scss b/src/wp-admin/css/colors/_admin.scss index b1046e4832..727fd1e840 100644 --- a/src/wp-admin/css/colors/_admin.scss +++ b/src/wp-admin/css/colors/_admin.scss @@ -147,6 +147,15 @@ strong .post-com-count span { } +/* Active tabs use a bottom border color that matches the page background color. */ + +.about-wrap h2 .nav-tab-active, +.nav-tab-active, +.nav-tab-active:hover { + border-bottom-color: $body-background; +} + + /* Admin Menu: submenu */ #adminmenu .wp-submenu, diff --git a/src/wp-admin/css/colors/_variables.scss b/src/wp-admin/css/colors/_variables.scss index b6c1736fb9..1d84ba7f30 100644 --- a/src/wp-admin/css/colors/_variables.scss +++ b/src/wp-admin/css/colors/_variables.scss @@ -12,7 +12,7 @@ $notification-color: #d54e21 !default; // global -$body-background: #eee !default; +$body-background: #f3f3f3 !default; $link: #0074a2 !default; $link-focus: lighten( $link, 10% ) !default; diff --git a/src/wp-admin/css/wp-admin.css b/src/wp-admin/css/wp-admin.css index 52fc02ac73..72c1dc9e29 100644 --- a/src/wp-admin/css/wp-admin.css +++ b/src/wp-admin/css/wp-admin.css @@ -3298,7 +3298,7 @@ form.initial-form.quickpress-open input#title { } #activity-widget #the-comment-list .comment { - background: #f5f5f5; + background: #fafafa; padding: 12px; position: relative; } @@ -7845,7 +7845,8 @@ body.press-this { .about-wrap hr { border: 0; height: 0; - border-top: 1px solid rgba(0, 0, 0, 0.05); + margin: 0; + border-top: 1px solid rgba(0, 0, 0, 0.1); } .about-wrap img { @@ -7924,15 +7925,10 @@ body.press-this { } .about-wrap .about-overview-img { - border-bottom: 1px solid #ccc; + border-bottom: 1px solid rgba(0, 0, 0, 0.1); margin: 0; } -.about-wrap hr.flush-top { - margin-top: 0; - border-top: 1px solid #ccc; -} - .about-colors-img img, .about-themes-img img { margin: 0 0;