Changeset 62145

Timestamp:

03/26/2026 04:07:13 PM (6 months ago)

Author:

audrasjb

Message:

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.

File:

• trunk/src/wp-admin/css/common.css (modified) (4 diffs)

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

@@ -710 +710 @@
 .bar {
         background-color: #f0f0f1;
-        border-right-color: #4f94d4;
+        border-right-color: var(--wp-admin-theme-color);
 }
 
@@ -716 +716 @@
 
 .highlight {
-        background-color: #f0f6fc;
+        background-color: rgba(var(--wp-admin-theme-color--rgb), 0.08);
         color: #3c434a;
 }
@@ -2030 +2030 @@
         border-top: none;
         border-bottom: none;
-        background: #f0f6fc;
+        background: rgba(var(--wp-admin-theme-color--rgb), 0.08);
 }
 
@@ -2074 +2074 @@
         padding: 0;
         margin: 0 -1px 0 0;
-        border-left: 2px solid #72aee6;
-        background: #f0f6fc;
+        border-left: 2px solid var(--wp-admin-theme-color);
+        background: color-mix(in srgb, var(--wp-admin-theme-color) 8%, white);
         box-shadow: 0 2px 0 rgba(0, 0, 0, 0.02), 0 1px 0 rgba(0, 0, 0, 0.02);
+}
+
+.contextual-help-tabs .active::after {
+        content: "";
+        position: absolute;
+        top: 0;
+        right: -1px;
+        width: 2px;
+        height: 100%;
+        background: inherit;
+        z-index: 2;
 }