--- a/wp/wp-includes/css/admin-bar.css Tue Dec 15 15:52:01 2020 +0100
+++ b/wp/wp-includes/css/admin-bar.css Wed Sep 21 18:19:35 2022 +0200
@@ -34,7 +34,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,
@@ -54,6 +54,7 @@
border: none;
text-decoration: none;
background: none;
+ box-shadow: none;
}
#wpadminbar a:focus,
@@ -77,7 +78,7 @@
#wpadminbar {
direction: ltr;
- 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;
@@ -89,7 +90,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,
@@ -143,7 +144,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;
@@ -211,14 +212,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,
@@ -228,7 +229,7 @@
position: relative;
float: left;
font: normal 20px/1 dashicons;
- speak: none;
+ speak: never;
padding: 4px 0;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
@@ -239,8 +240,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,
@@ -256,16 +257,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,
@@ -288,24 +289,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;
}
@@ -344,17 +345,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;
@@ -381,7 +382,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,
@@ -389,7 +390,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;
}
/**
@@ -399,6 +400,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;
@@ -461,7 +466,7 @@
}
#wpadminbar #wp-admin-bar-user-info .username {
- color: #a0a5aa;
+ color: #a7aaad;
font-size: 11px;
}
@@ -470,8 +475,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 0 0 6px;
@@ -505,24 +510,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 8px 2px -2px;
+}
+
+#wpadminbar .quicklinks li div.blavatar:before {
+ content: "\f120";
display: inline-block;
- margin: 0 8px 2px -2px;
}
#wpadminbar #wp-admin-bar-appearance {
@@ -588,6 +597,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
*/
@@ -611,7 +631,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;
}
@@ -631,7 +651,7 @@
max-width: none;
padding: 0 3px 0 24px;
margin: 0;
- color: #ccc;
+ color: #c3c4c7;
background-color: rgba(255, 255, 255, 0);
border: none;
outline: none;
@@ -700,8 +720,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;
@@ -822,7 +842,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;
}
@@ -841,7 +861,7 @@
display: block;
text-indent: 0;
font: normal 32px/1 dashicons;
- speak: none;
+ speak: never;
top: 7px;
width: 52px;
text-align: center;
@@ -928,7 +948,7 @@
height: auto;
font-size: 16px;
line-height: 1.5;
- color: #eee;
+ color: #f0f0f1;
}
#wpadminbar #wp-admin-bar-user-info a {
@@ -968,7 +988,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;
}