Changeset 63306 for trunk/src/wp-admin/css/colors/_admin.scss

Timestamp:

08/16/2026 04:10:24 PM (2 months ago)

Author:

joedolson

Message:

Toolbar: Revert focus and hover style changes.

Reverts the focus and hover style changes in the admin toolbar. Reverts [63190], [63009], and [63188], restoring the appearance in WordPress 7.0.

Props fushar, wildworks, ravichudasama01, afercia, joen, keoshi, cbusquets1989, annezazu.
Fixes #65849. See #65445.

File:

• trunk/src/wp-admin/css/colors/_admin.scss (modified) (5 diffs)

trunk/src/wp-admin/css/colors/_admin.scss

@@ -417 +417 @@
 }
 
-#wpadminbar > #wp-toolbar li:hover span.ab-label,
-#wpadminbar > #wp-toolbar li.hover span.ab-label,
-/* The adminbar menu may output either links or focusable div elements. */
-/* As such, we target the focus state without specifying the element type. */
-#wpadminbar > #wp-toolbar :focus span.ab-label {
+#wpadminbar:not(.mobile) > #wp-toolbar li:hover span.ab-label,
+#wpadminbar:not(.mobile) > #wp-toolbar li.hover span.ab-label,
+#wpadminbar:not(.mobile) > #wp-toolbar a:focus span.ab-label {
         color: variables.$menu-submenu-focus-text;
 }
@@ -452 +450 @@
 
 #wpadminbar .quicklinks li .blavatar,
-#wpadminbar .menupop .menupop > .ab-item:before,
-#wpadminbar.mobile .quicklinks .ab-icon:before,
-#wpadminbar.mobile .quicklinks .ab-item:before {
+#wpadminbar .menupop .menupop > .ab-item:before {
         color: variables.$menu-icon;
 }
@@ -479 +475 @@
 }
 
-// Note that the icon of the site-name item is not wrapped within a span with class ab-icon like other items.
 #wpadminbar .quicklinks li a:hover .blavatar,
 #wpadminbar .quicklinks li a:focus .blavatar,
@@ -485 +480 @@
 #wpadminbar .menupop .menupop > .ab-item:hover:before,
 #wpadminbar.mobile .quicklinks .hover .ab-icon:before,
-#wpadminbar.mobile .quicklinks .hover .ab-item:before,
-#wpadminbar.mobile .quicklinks .ab-item:focus:before {
+#wpadminbar.mobile .quicklinks .hover .ab-item:before {
         color: variables.$menu-submenu-focus-text;
 }
+
+#wpadminbar.mobile .quicklinks .ab-icon:before,
+#wpadminbar.mobile .quicklinks .ab-item:before {
+        color: variables.$menu-icon;
+}
+
 
 /* Admin Bar: search */
@@ -532 +532 @@
 }
 
+#wpadminbar #wp-admin-bar-user-info a:hover .display-name {
+        color: variables.$menu-submenu-focus-text;
+}
+
 #wpadminbar #wp-admin-bar-user-info .username {
         color: variables.$menu-submenu-text;
 }
 
-#wpadminbar #wp-admin-bar-user-info a:hover .display-name,
-#wpadminbar #wp-admin-bar-user-info a:focus .display-name,
-#wpadminbar #wp-admin-bar-user-info a:hover .username,
-#wpadminbar #wp-admin-bar-user-info a:focus .username {
-        color: variables.$menu-submenu-focus-text;
-}
 
 /* Pointers */