diff --git a/src/wp-admin/css/colors/_admin.scss b/src/wp-admin/css/colors/_admin.scss index d044ce1bf1..a39df5f1ff 100644 --- a/src/wp-admin/css/colors/_admin.scss +++ b/src/wp-admin/css/colors/_admin.scss @@ -281,26 +281,25 @@ ul#adminmenu > li.current > a.current:after { color: $menu-icon; } -#wpadminbar .ab-top-menu > li:hover > .ab-item, -#wpadminbar .ab-top-menu > li.hover > .ab-item, -#wpadminbar .ab-top-menu > li > .ab-item:focus, +#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item, +#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus, #wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus, -#wpadminbar-nojs .ab-top-menu > li.menupop:hover > .ab-item, +#wpadminbar.nojs .ab-top-menu > li.menupop:hover > .ab-item, #wpadminbar .ab-top-menu > li.menupop.hover > .ab-item { color: $menu-submenu-focus-text; background: $menu-submenu-background; } -#wpadminbar > #wp-toolbar li:hover span.ab-label, -#wpadminbar > #wp-toolbar li.hover span.ab-label, -#wpadminbar > #wp-toolbar a: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: $menu-submenu-focus-text; } -#wpadminbar li:hover .ab-icon:before, -#wpadminbar li:hover .ab-item:before, -#wpadminbar li:hover .ab-item:after, -#wpadminbar li:hover #adminbarsearch:before { +#wpadminbar:not(.mobile) li:hover .ab-icon:before, +#wpadminbar:not(.mobile) li:hover .ab-item:before, +#wpadminbar:not(.mobile) li:hover .ab-item:after, +#wpadminbar:not(.mobile) li:hover #adminbarsearch:before { color: $menu-highlight-icon; } @@ -319,7 +318,7 @@ ul#adminmenu > li.current > a.current:after { #wpadminbar .ab-submenu .ab-item, #wpadminbar .quicklinks .menupop ul li a, #wpadminbar .quicklinks .menupop.hover ul li a, -#wpadminbar-nojs .quicklinks .menupop:hover ul li a { +#wpadminbar.nojs .quicklinks .menupop:hover ul li a { color: $menu-submenu-text; } @@ -342,17 +341,23 @@ ul#adminmenu > li.current > a.current:after { #wpadminbar li .ab-item:focus:before, #wpadminbar li.hover .ab-icon:before, #wpadminbar li.hover .ab-item:before, -#wpadminbar li:hover .ab-item:after, -#wpadminbar li.hover .ab-item:after, -#wpadminbar li:hover #adminbarsearch:before { +#wpadminbar li:hover #adminbarsearch:before, +#wpadminbar li #adminbarsearch.adminbar-focused:before { color: $menu-submenu-focus-text; } #wpadminbar .quicklinks li a:hover .blavatar, -#wpadminbar .menupop .menupop > .ab-item:hover:before { +#wpadminbar .menupop .menupop > .ab-item:hover:before, +#wpadminbar.mobile .quicklinks .ab-icon:before, +#wpadminbar.mobile .quicklinks .ab-item:before { color: $menu-submenu-focus-text; } +#wpadminbar.mobile .quicklinks .hover .ab-icon:before, +#wpadminbar.mobile .quicklinks .hover .ab-item:before { + color: $menu-icon; +} + /* Admin Bar: search */ @@ -520,3 +525,7 @@ div#wp-responsive-toggle a:before { .wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a { background: $menu-submenu-background; } + +.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before { + color: $menu-icon; +} diff --git a/src/wp-admin/css/colors/light/colors.scss b/src/wp-admin/css/colors/light/colors.scss index b12774c3a9..ab4230b9db 100644 --- a/src/wp-admin/css/colors/light/colors.scss +++ b/src/wp-admin/css/colors/light/colors.scss @@ -26,7 +26,7 @@ $menu-collapse-focus-icon: #555; #wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary li.hover span.ab-label, #wpadminbar .ab-top-menu > li > .ab-item:focus, #wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus, -#wpadminbar-nojs .ab-top-menu > li.menupop:hover > .ab-item, +#wpadminbar.nojs .ab-top-menu > li.menupop:hover > .ab-item, #wpadminbar .ab-top-menu > li.menupop.hover > .ab-item { color: $text-color; }