Skip to content

Commit 9edf1b7

Browse files
audrasjbaudrasjb
committed
Admin: Use admin color scheme variable for bar, highlight, and contextual help styles.
This changeset ensures the styles for bar, highlight and contextual help always take into account the admin color scheme settings. Reviewed by joedolson. Props fabiankaegy, audrasjb, ozgursar, noruzzaman, shailu25, sandipsinh007, tusharaddweb, hbhalodia, amesplant, joedolson. Fixes #64744. See #64308. Built from https://develop.svn.wordpress.org/trunk@62145 git-svn-id: http://core.svn.wordpress.org/trunk@61427 1a063a9b-81f0-0310-95a4-ce76da25c4cd
1 parent 85646f6 commit 9edf1b7

File tree

5 files changed

+35
-13
lines changed

5 files changed

+35
-13
lines changed

‎wp-admin/css/common-rtl.css‎

Lines changed: 16 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -710,13 +710,13 @@ ul.striped > :nth-child(odd),
710710

711711
.bar {
712712
background-color: #f0f0f1;
713-
border-left-color: #4f94d4;
713+
border-left-color: var(--wp-admin-theme-color);
714714
}
715715

716716
/* Helper classes for plugins to leverage the active WordPress color scheme */
717717

718718
.highlight {
719-
background-color: #f0f6fc;
719+
background-color: rgba(var(--wp-admin-theme-color--rgb), 0.08);
720720
color: #3c434a;
721721
}
722722

@@ -2030,7 +2030,7 @@ p.auto-update-status {
20302030
border: 1px solid #c3c4c7;
20312031
border-top: none;
20322032
border-bottom: none;
2033-
background: #f0f6fc;
2033+
background: rgba(var(--wp-admin-theme-color--rgb), 0.08);
20342034
}
20352035

20362036
#contextual-help-wrap.no-sidebar #contextual-help-back {
@@ -2074,11 +2074,22 @@ p.auto-update-status {
20742074
.contextual-help-tabs .active {
20752075
padding: 0;
20762076
margin: 0 0 0 -1px;
2077-
border-right: 2px solid #72aee6;
2078-
background: #f0f6fc;
2077+
border-right: 2px solid var(--wp-admin-theme-color);
2078+
background: color-mix(in srgb, var(--wp-admin-theme-color) 8%, white);
20792079
box-shadow: 0 2px 0 rgba(0, 0, 0, 0.02), 0 1px 0 rgba(0, 0, 0, 0.02);
20802080
}
20812081

2082+
.contextual-help-tabs .active::after {
2083+
content: "";
2084+
position: absolute;
2085+
top: 0;
2086+
left: -1px;
2087+
width: 2px;
2088+
height: 100%;
2089+
background: inherit;
2090+
z-index: 2;
2091+
}
2092+
20822093
.contextual-help-tabs .active a {
20832094
border-color: #c3c4c7;
20842095
color: #2c3338;

‎wp-admin/css/common-rtl.min.css‎

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎wp-admin/css/common.css‎

Lines changed: 16 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -709,13 +709,13 @@ ul.striped > :nth-child(odd),
709709

710710
.bar {
711711
background-color: #f0f0f1;
712-
border-right-color: #4f94d4;
712+
border-right-color: var(--wp-admin-theme-color);
713713
}
714714

715715
/* Helper classes for plugins to leverage the active WordPress color scheme */
716716

717717
.highlight {
718-
background-color: #f0f6fc;
718+
background-color: rgba(var(--wp-admin-theme-color--rgb), 0.08);
719719
color: #3c434a;
720720
}
721721

@@ -2029,7 +2029,7 @@ p.auto-update-status {
20292029
border: 1px solid #c3c4c7;
20302030
border-top: none;
20312031
border-bottom: none;
2032-
background: #f0f6fc;
2032+
background: rgba(var(--wp-admin-theme-color--rgb), 0.08);
20332033
}
20342034

20352035
#contextual-help-wrap.no-sidebar #contextual-help-back {
@@ -2073,11 +2073,22 @@ p.auto-update-status {
20732073
.contextual-help-tabs .active {
20742074
padding: 0;
20752075
margin: 0 -1px 0 0;
2076-
border-left: 2px solid #72aee6;
2077-
background: #f0f6fc;
2076+
border-left: 2px solid var(--wp-admin-theme-color);
2077+
background: color-mix(in srgb, var(--wp-admin-theme-color) 8%, white);
20782078
box-shadow: 0 2px 0 rgba(0, 0, 0, 0.02), 0 1px 0 rgba(0, 0, 0, 0.02);
20792079
}
20802080

2081+
.contextual-help-tabs .active::after {
2082+
content: "";
2083+
position: absolute;
2084+
top: 0;
2085+
right: -1px;
2086+
width: 2px;
2087+
height: 100%;
2088+
background: inherit;
2089+
z-index: 2;
2090+
}
2091+
20812092
.contextual-help-tabs .active a {
20822093
border-color: #c3c4c7;
20832094
color: #2c3338;

‎wp-admin/css/common.min.css‎

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎wp-includes/version.php‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -16,7 +16,7 @@
1616
*
1717
* @global string $wp_version
1818
*/
19-
$wp_version = '7.0-RC1-62144';
19+
$wp_version = '7.0-RC1-62145';
2020

2121
/**
2222
* Holds the WordPress DB revision, increments when changes are made to the WordPress DB schema.

0 commit comments

Comments
 (0)