diff -r 34716fd837a4 -r be944660c56a wp/wp-includes/css/admin-bar-rtl.css --- a/wp/wp-includes/css/admin-bar-rtl.css Tue Dec 15 15:52:01 2020 +0100 +++ b/wp/wp-includes/css/admin-bar-rtl.css Wed Sep 21 18:19:35 2022 +0200 @@ -35,7 +35,7 @@ #wpadminbar a.ab-item, #wpadminbar > #wp-toolbar span.ab-label, #wpadminbar > #wp-toolbar span.noticon { - color: #eee; + color: #f0f0f1; } #wpadminbar #wp-admin-bar-site-name a.ab-item, @@ -55,6 +55,7 @@ border: none; text-decoration: none; background: none; + box-shadow: none; } #wpadminbar a:focus, @@ -78,7 +79,7 @@ #wpadminbar { direction: rtl; - color: #ccc; + color: #c3c4c7; font-size: 13px; font-weight: 400; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; @@ -90,7 +91,7 @@ width: 100%; min-width: 600px; /* match the min-width of the body in wp-admin/css/common.css */ z-index: 99999; - background: #23282d; + background: #1d2327; } #wpadminbar .ab-sub-wrapper, @@ -144,7 +145,7 @@ margin: 0; padding: 0; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2); - background: #32373c; + background: #2c3338; display: none; position: absolute; float: none; @@ -212,14 +213,14 @@ #wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus, #wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item, #wpadminbar .ab-top-menu > li.hover > .ab-item { - background: #32373c; - color: #00b9eb; + background: #2c3338; + color: #72aee6; } #wpadminbar:not(.mobile) > #wp-toolbar li:hover span.ab-label, #wpadminbar > #wp-toolbar li.hover span.ab-label, #wpadminbar:not(.mobile) > #wp-toolbar a:focus span.ab-label { - color: #00b9eb; + color: #72aee6; } #wpadminbar > #wp-toolbar > #wp-admin-bar-root-default .ab-icon, @@ -229,7 +230,7 @@ position: relative; float: right; font: normal 20px/1 dashicons; - speak: none; + speak: never; padding: 4px 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; @@ -240,8 +241,8 @@ #wpadminbar .ab-icon:before, #wpadminbar .ab-item:before, #wpadminbar #adminbarsearch:before { - color: #a0a5aa; - color: rgba(240, 245, 250, 0.6); + color: #a7aaad; + color: rgba(240, 246, 252, 0.6); } #wpadminbar .ab-icon:before, @@ -257,16 +258,16 @@ } #wpadminbar .ab-submenu .ab-item { - color: #b4b9be; - color: rgba(240, 245, 250, 0.7); + color: #c3c4c7; + color: rgba(240, 246, 252, 0.7); } #wpadminbar .quicklinks .menupop ul li a, #wpadminbar .quicklinks .menupop ul li a strong, #wpadminbar .quicklinks .menupop.hover ul li a, #wpadminbar.nojs .quicklinks .menupop:hover ul li a { - color: #b4b9be; - color: rgba(240, 245, 250, 0.7); + color: #c3c4c7; + color: rgba(240, 246, 252, 0.7); } #wpadminbar .quicklinks .menupop ul li a:hover, @@ -289,24 +290,24 @@ #wpadminbar li.hover .ab-item:before, #wpadminbar li:hover #adminbarsearch:before, #wpadminbar li #adminbarsearch.adminbar-focused:before { - color: #00b9eb; + color: #72aee6; } #wpadminbar.mobile .quicklinks .ab-icon:before, #wpadminbar.mobile .quicklinks .ab-item:before { - color: #b4b9be; + color: #c3c4c7; } #wpadminbar.mobile .quicklinks .hover .ab-icon:before, #wpadminbar.mobile .quicklinks .hover .ab-item:before { - color: #00b9eb; + color: #72aee6; } #wpadminbar .menupop .menupop > .ab-item .wp-admin-bar-arrow:before, #wpadminbar .ab-top-secondary .menupop .menupop > .ab-item:before { position: absolute; font: normal 17px/1 dashicons; - speak: none; + speak: never; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @@ -345,17 +346,17 @@ #wpadminbar .quicklinks .menupop ul.ab-sub-secondary, #wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu { - background: #464b50; + background: #3c434a; } #wpadminbar .quicklinks .menupop .ab-sub-secondary > li > a:hover, #wpadminbar .quicklinks .menupop .ab-sub-secondary > li .ab-item:focus a { - color: #00b9eb; + color: #72aee6; } #wpadminbar .quicklinks a span#ab-updates { - background: #eee; - color: #32373c; + background: #f0f0f1; + color: #2c3338; display: inline; padding: 2px 5px; font-size: 10px; @@ -382,7 +383,7 @@ */ #wpadminbar #wp-admin-bar-recovery-mode { color: #fff; - background-color: #ca4a1f; + background-color: #d63638; } #wpadminbar .ab-top-menu > #wp-admin-bar-recovery-mode.hover >.ab-item, @@ -390,7 +391,7 @@ #wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode:hover > .ab-item, #wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus { color: #fff; - background-color: #c0461e; + background-color: #d63638; } /** @@ -400,6 +401,10 @@ min-width: 198px; } +#wp-admin-bar-my-account:not(.with-avatar) > .ab-item { + display: inline-block; +} + #wp-admin-bar-my-account > .ab-item:before { content: "\f110"; top: 2px; @@ -462,7 +467,7 @@ } #wpadminbar #wp-admin-bar-user-info .username { - color: #a0a5aa; + color: #a7aaad; font-size: 11px; } @@ -471,8 +476,8 @@ width: auto; height: 16px; padding: 0; - border: 1px solid #82878c; - background: #eee; + border: 1px solid #8c8f94; + background: #f0f0f1; line-height: 1.84615384; vertical-align: middle; margin: -4px 6px 0 0; @@ -506,24 +511,28 @@ display: inline-block; vertical-align: middle; font: normal 16px/1 dashicons !important; - speak: none; + speak: never; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; - color: #eee; + color: #f0f0f1; } #wpadminbar .quicklinks li a:hover .blavatar, #wpadminbar .quicklinks li a:focus .blavatar, #wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a .blavatar { - color: #00b9eb; + color: #72aee6; } -#wpadminbar .quicklinks li .blavatar:before { - content: "\f120"; +#wpadminbar .quicklinks li img.blavatar, +#wpadminbar .quicklinks li div.blavatar:before { height: 16px; width: 16px; + margin: 0 -2px 2px 8px; +} + +#wpadminbar .quicklinks li div.blavatar:before { + content: "\f120"; display: inline-block; - margin: 0 -2px 2px 8px; } #wpadminbar #wp-admin-bar-appearance { @@ -589,6 +598,17 @@ top: 2px; } +#wpadminbar #wp-admin-bar-updates.spin .ab-icon:before { + display: inline-block; + animation: rotation 2s infinite linear; +} + +@media (prefers-reduced-motion: reduce) { + #wpadminbar #wp-admin-bar-updates.spin .ab-icon:before { + animation: none; + } +} + /** * Search */ @@ -612,7 +632,7 @@ z-index: 20; font: normal 20px/1 dashicons !important; content: "\f179"; - speak: none; + speak: never; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @@ -632,7 +652,7 @@ max-width: none; padding: 0 24px 0 3px; margin: 0; - color: #ccc; + color: #c3c4c7; background-color: rgba(255, 255, 255, 0); border: none; outline: none; @@ -701,8 +721,8 @@ font-size: 14px; font-weight: 600; padding: 15px 23px 14px; - background: #f1f1f1; - color: #0073aa; + background: #f0f0f1; + color: #2271b1; z-index: 100000; line-height: normal; text-decoration: none; @@ -823,7 +843,7 @@ overflow: hidden; width: 52px; padding: 0; - color: #a0a5aa; /* @todo not needed? this text is hidden */ + color: #a7aaad; /* @todo not needed? this text is hidden */ position: relative; } @@ -842,7 +862,7 @@ display: block; text-indent: 0; font: normal 32px/1 dashicons; - speak: none; + speak: never; top: 7px; width: 52px; text-align: center; @@ -929,7 +949,7 @@ height: auto; font-size: 16px; line-height: 1.5; - color: #eee; + color: #f0f0f1; } #wpadminbar #wp-admin-bar-user-info a { @@ -969,7 +989,7 @@ /* Override default min-width so dropdown lists aren't stretched to 100% viewport width at responsive sizes. */ #wpadminbar .ab-top-menu > .menupop > .ab-sub-wrapper { - min-width: -webkit-fit-content; + min-width: -moz-fit-content; min-width: fit-content; }