Changeset 62145 for trunk/src/wp-admin/css/common.css

Timestamp:

03/26/2026 04:07:13 PM (45 hours 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;
 }