Ticket #28599: 28599-admin-menu-focus-bar.diff

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

@@ -181 +181 @@
         color: #45bbe6;
 }
 
+/* On hover & focus display the blue "focus bar" on the left, darker background */
+.admin-color-fresh #adminmenu a:hover,
+.admin-color-fresh #adminmenu li.menu-top > a:focus,
+.admin-color-fresh #adminmenu .wp-submenu a:hover,
+.admin-color-fresh #adminmenu .wp-submenu a:focus {
+    box-shadow: inset 4px 0 0 0 #45bbe6;
+    transition: box-shadow .2s linear;
+}
+/* Top menu item color stays blue, when submenu is open */
+.admin-color-fresh #adminmenu li.opensub > a {
+    color: #45bbe6;
+}
+/* Focus bar in white, when menu item is current */
+.admin-color-fresh #adminmenu li.current a:hover,
+.admin-color-fresh #adminmenu li.current a:focus,
+.admin-color-fresh #adminmenu li.wp-has-current-submenu > a:hover,
+.admin-color-fresh #adminmenu li.wp-has-current-submenu > a:focus,
+.admin-color-fresh #adminmenu .wp-submenu li.current a:hover,
+.admin-color-fresh #adminmenu .wp-submenu li.current a:focus {
+    box-shadow: inset 4px 0 0 0 white;
+}
+
 #adminmenu li.menu-top {
         border: none;
         min-height: 34px;
@@ -375 +397 @@
         color: #fff;
 }
 
-#adminmenu li:hover div.wp-menu-image:before {
+#adminmenu li:hover div.wp-menu-image:before,
+/* Makes menu image blue on focus */
+.admin-color-fresh #adminmenu li a:focus div.wp-menu-image:before,
+/* Keep menu image blue when submenu is open */
+.admin-color-fresh #adminmenu li.opensub div.wp-menu-image:before {
         color: #45bbe6;
 }
+.admin-color-fresh #adminmenu li.current:hover div.wp-menu-image:before,
+.admin-color-fresh #adminmenu li.current a:focus div.wp-menu-image:before,
+/* Keeps icon white when it has the current submenu */
+.admin-color-fresh #adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before,
+.admin-color-fresh #adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before {
+        color: #fff;
+}
 
 .folded #adminmenu div.wp-menu-image {
         width: 35px;

src/wp-admin/js/user-profile.js

@@ -120 +120 @@
                                         color_scheme: $this.children( 'input[name="admin_color"]' ).val(),
                                         nonce:        $('#color-nonce').val()
                                 });
+
+                // update body class
+                $( 'body' ).removeClass( function ( index, classes ) {
+                    return ( classes.match( /(^|\s)admin-color-\S+/g ) || [] ).join(' ');
+                }).addClass( 'admin-color-' + $this.children( 'input[name="admin_color"]' ).val() );
                         }
                 });
         });