Ticket #28599: 28599-focus-highlighting-dev.diff

src/wp-admin/css/admin-menu.css

@@ -175 +175 @@
 }
 
 #adminmenu a:hover,
-#adminmenu li.menu-top > a:focus,
-#adminmenu .wp-submenu a:hover,
-#adminmenu .wp-submenu a:focus {
+#adminmenu .wp-submenu a:hover {
         color: #2ea2cc;
 }
+#adminmenu li.menu-top > a:focus {
+    color: white;
+        background-color: #0074a2;
+}
+#adminmenu .wp-submenu a:focus {
+    color: white;
+        background-color: #0074a2;
+}
 
 #adminmenu li.menu-top {
         border: none;
@@ -233 +239 @@
 
 /* ensure that wp-submenu's box shadow doesn't appear on top of the focused menu item's background. */
 #adminmenu li.menu-top:hover,
-#adminmenu li.opensub > a.menu-top,
-#adminmenu li > a.menu-top:focus {
+#adminmenu li.opensub > a.menu-top {
         position: relative;
         background-color: #111;
 }
+#adminmenu li > a.menu-top:focus {
+        position: relative;
+        background-color: #0074a2;
+        z-index: 10000;
+}
 
 .folded #adminmenu li.menu-top:hover,
 .folded #adminmenu li.opensub > a.menu-top,
@@ -378 +388 @@
 #adminmenu li:hover div.wp-menu-image:before {
         color: #2ea2cc;
 }
+#adminmenu li > a.menu-top:focus div.wp-menu-image:before {
+        color: white;
+}
 
 .folded #adminmenu div.wp-menu-image {
         width: 35px;
@@ -457 +470 @@
         z-index: 10000;
 }
 
+#adminmenu li a.wp-has-submenu.wp-not-current-submenu:focus:after,
+#adminmenu li.opensub a.wp-has-submenu.wp-not-current-submenu:after {
+        right: 0;
+        border: solid transparent;
+        content: " ";
+        height: 0;
+        width: 0;
+        position: absolute;
+        pointer-events: none;
+        border-width: 8px;
+        top: 10px;
+        z-index: 10000;
+    border-right-color: #333;
+}
+
 .folded ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after {
         border-width: 4px;
         margin-top: -4px;

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

@@ -180 +180 @@
 #adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
         color: $menu-submenu-text;
 
-        &:focus, &:hover {
+        &:hover {
                 color: $menu-submenu-focus-text;
         }
+        &:focus {
+        color: white;
+                background-color: $menu-submenu-focus-text;
+        }
 }
 
+#adminmenu li a.wp-has-submenu.wp-not-current-submenu:focus:after {
+    border-right-color: $menu-submenu-background;
+}
 
 /* Admin Menu: current */