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;