@wordpress/edit-site 5.22.0 → 5.24.0

package/build-style/style-rtl.css

@@ -908,98 +908,6 @@ body.is-fullscreen-mode .interface-interface-skeleton {
   box-shadow: inset 0 0 0 2px var(--wp-admin-theme-color);
 }
 
-.edit-site-visual-editor .block-editor-block-contextual-toolbar.is-fixed {
-  /* Set left position when auto-fold is not on the body element. */
-  right: 0;
-}
-@media (min-width: 783px) {
-  .edit-site-visual-editor .block-editor-block-contextual-toolbar.is-fixed {
-    right: 160px;
-  }
-}
-
-.auto-fold .edit-site-visual-editor .block-editor-block-contextual-toolbar.is-fixed {
-  /* Auto fold is when on smaller breakpoints, nav menu auto collapses. */
-}
-@media (min-width: 783px) {
-  .auto-fold .edit-site-visual-editor .block-editor-block-contextual-toolbar.is-fixed {
-    right: 36px;
-  }
-}
-@media (min-width: 961px) {
-  .auto-fold .edit-site-visual-editor .block-editor-block-contextual-toolbar.is-fixed {
-    right: 160px;
-  }
-}
-
-/* Sidebar manually collapsed. */
-.folded .edit-site-visual-editor .block-editor-block-contextual-toolbar.is-fixed {
-  right: 0;
-}
-@media (min-width: 783px) {
-  .folded .edit-site-visual-editor .block-editor-block-contextual-toolbar.is-fixed {
-    right: 36px;
-  }
-}
-
-body.is-fullscreen-mode .edit-site-visual-editor .block-editor-block-contextual-toolbar.is-fixed {
-  right: 0 !important;
-}
-
-.edit-site-visual-editor .block-editor-block-contextual-toolbar.is-fixed {
-  position: sticky;
-  top: 0;
-  z-index: 31;
-  display: block;
-  width: 100%;
-}
-@media (min-width: 782px) {
-  .edit-site-visual-editor .block-editor-block-contextual-toolbar.is-fixed {
-    margin-right: 180px;
-    position: fixed;
-    top: 32px;
-    min-height: initial;
-    display: flex;
-    height: 60px;
-    align-items: center;
-    width: calc(100% - 180px);
-  }
-  .edit-site-visual-editor .block-editor-block-contextual-toolbar.is-fixed.is-collapsed {
-    width: initial;
-  }
-  .edit-site-visual-editor .block-editor-block-contextual-toolbar.is-fixed:empty {
-    width: initial;
-  }
-  .is-fullscreen-mode .edit-site-visual-editor .block-editor-block-contextual-toolbar.is-fixed {
-    margin-right: 240px;
-    top: 0;
-  }
-  .is-fullscreen-mode .edit-site-visual-editor .block-editor-block-contextual-toolbar.is-fixed.is-collapsed {
-    width: initial;
-  }
-  .is-fullscreen-mode .edit-site-visual-editor .block-editor-block-contextual-toolbar.is-fixed:empty {
-    width: initial;
-  }
-  .show-icon-labels .edit-site-visual-editor .block-editor-block-contextual-toolbar.is-fixed {
-    margin-right: 80px;
-    width: calc(100% + 40px - 180px);
-  }
-  .is-fullscreen-mode .show-icon-labels .edit-site-visual-editor .block-editor-block-contextual-toolbar.is-fixed {
-    margin-right: 144px;
-  }
-}
-@media (min-width: 960px) {
-  .edit-site-visual-editor .block-editor-block-contextual-toolbar.is-fixed {
-    width: auto;
-  }
-  .show-icon-labels .edit-site-visual-editor .block-editor-block-contextual-toolbar.is-fixed {
-    width: auto;
-  }
-  .is-fullscreen-mode .edit-site-visual-editor .block-editor-block-contextual-toolbar.is-fixed {
-    width: calc(100% - 280px - 256px);
-  }
-}
-
 .edit-site-canvas-loader {
   width: 100%;
   height: 100%;
@@ -1130,9 +1038,9 @@ textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area:-ms-inp
 
 .dataviews-wrapper {
   width: 100%;
-  height: 100%;
+  height: calc(100% - 32px * 2);
   overflow: auto;
-  padding: 32px;
+  padding: 32px 32px 0;
 }
 .dataviews-wrapper > div {
   min-height: 100%;
@@ -1140,6 +1048,15 @@ textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area:-ms-inp
 
 .dataviews-pagination {
   margin-top: auto;
+  position: sticky;
+  bottom: 0;
+  background-color: #fff;
+  padding: 16px 0;
+  border-top: 1px solid #e0e0e0;
+}
+
+.dataviews-filters-options {
+  margin: 32px 0 16px;
 }
 
 .dataviews-list-view {
@@ -1162,22 +1079,81 @@ textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area:-ms-inp
 .dataviews-list-view th {
   padding: 12px;
 }
-.dataviews-list-view td:last-child,
-.dataviews-list-view th:last-child {
+.dataviews-list-view td[data-field-id=actions],
+.dataviews-list-view th[data-field-id=actions] {
   text-align: left;
 }
 .dataviews-list-view tr {
   border-bottom: 1px solid #f0f0f0;
 }
+.dataviews-list-view tr:last-child {
+  border-bottom: 0;
+}
+.dataviews-list-view thead tr {
+  border: 0;
+}
+.dataviews-list-view thead th {
+  position: sticky;
+  top: -32px;
+  background-color: #fff;
+  box-shadow: inset 0 -1px 0 #e0e0e0;
+}
 
-.dataviews-view-grid__media {
+.dataviews-grid-view {
+  margin-bottom: 24px;
+  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
+}
+@media (min-width: 1080px) {
+  .dataviews-grid-view {
+    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
+  }
+}
+@media (min-width: 1440px) {
+  .dataviews-grid-view {
+    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
+  }
+}
+.dataviews-grid-view .dataviews-view-grid__card h3 {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.dataviews-grid-view .dataviews-view-grid__media {
   width: 100%;
   min-height: 200px;
+  aspect-ratio: 1/1;
+  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
+  border-radius: 4px;
+  overflow: hidden;
 }
-.dataviews-view-grid__media > * {
-  max-width: 100%;
+.dataviews-grid-view .dataviews-view-grid__media > * {
   -o-object-fit: cover;
      object-fit: cover;
+  width: 100%;
+  height: 100%;
+}
+.dataviews-grid-view .dataviews-view-grid__title {
+  min-height: 24px;
+}
+.dataviews-grid-view .dataviews-view-grid__title a {
+  color: #1e1e1e;
+  text-decoration: none;
+  font-weight: 500;
+}
+.dataviews-grid-view .dataviews-view-grid__fields {
+  position: relative;
+  font-size: 12px;
+  line-height: 16px;
+}
+.dataviews-grid-view .dataviews-view-grid__fields .dataviews-view-grid__field .dataviews-view-grid__field-header {
+  color: #757575;
+}
+.dataviews-grid-view .dataviews-view-grid__fields .dataviews-view-grid__field .dataviews-view-grid__field-value {
+  color: #1e1e1e;
+}
+
+.dataviews-action-modal {
+  z-index: 1000001;
 }
 
 .edit-site-global-styles-preview {
@@ -1355,17 +1331,6 @@ textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area:-ms-inp
   fill: currentColor;
 }
 
-[class][class].edit-site-global-styles-sidebar__revisions-count-badge {
-  align-items: center;
-  background: #2f2f2f;
-  border-radius: 2px;
-  color: #fff;
-  display: inline-flex;
-  justify-content: center;
-  min-height: 24px;
-  min-width: 24px;
-}
-
 .edit-site-global-styles-screen-revisions {
   margin: 16px;
 }
@@ -1376,54 +1341,70 @@ textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area:-ms-inp
 }
 .edit-site-global-styles-screen-revisions__revisions-list li {
   margin-bottom: 0;
-  border-right: 1px solid #ddd;
 }
 
 .edit-site-global-styles-screen-revisions__revision-item {
   position: relative;
-  padding: 8px 12px 8px 0;
+  padding-right: 16px;
+  overflow: hidden;
+  cursor: pointer;
 }
-.edit-site-global-styles-screen-revisions__revision-item:first-child {
-  padding-top: 0;
+.edit-site-global-styles-screen-revisions__revision-item:hover {
+  background: rgba(var(--wp-admin-theme-color--rgb), 0.04);
 }
-.edit-site-global-styles-screen-revisions__revision-item:last-child {
-  padding-bottom: 0;
+.edit-site-global-styles-screen-revisions__revision-item:hover .edit-site-global-styles-screen-revisions__date {
+  color: var(--wp-admin-theme-color);
+}
+.edit-site-global-styles-screen-revisions__revision-item::before, .edit-site-global-styles-screen-revisions__revision-item::after {
+  position: absolute;
+  content: "\a";
+  display: block;
 }
 .edit-site-global-styles-screen-revisions__revision-item::before {
   background: #ddd;
   border-radius: 50%;
-  content: "\a";
-  display: inline-block;
   height: 8px;
   width: 8px;
-  position: absolute;
-  top: 50%;
-  right: 0;
+  top: 18px;
+  right: 17px;
   transform: translate(50%, -50%);
+  z-index: 1;
 }
 .edit-site-global-styles-screen-revisions__revision-item.is-selected::before {
   background: var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba));
 }
-
-.edit-site-global-styles-screen-revisions__revision-button {
+.edit-site-global-styles-screen-revisions__revision-item::after {
+  height: 100%;
+  right: 16px;
+  top: 0;
+  width: 0;
+  border: 0.5px solid #ddd;
+}
+.edit-site-global-styles-screen-revisions__revision-item:first-child::after {
+  top: 18px;
+}
+.edit-site-global-styles-screen-revisions__revision-item:last-child::after {
+  height: 18px;
+}
+.edit-site-global-styles-screen-revisions__revision-item .edit-site-global-styles-screen-revisions__revision-button {
   width: 100%;
   height: auto;
   display: block;
-  padding: 8px 12px;
-}
-.edit-site-global-styles-screen-revisions__revision-button:hover {
-  background: rgba(var(--wp-admin-theme-color--rgb), 0.04);
+  padding: 12px 24px 12px 12px;
 }
-.edit-site-global-styles-screen-revisions__revision-button:hover .edit-site-global-styles-screen-revisions__date {
-  color: var(--wp-admin-theme-color);
+.edit-site-global-styles-screen-revisions__revision-item .edit-site-global-styles-screen-revisions__revision-button:focus, .edit-site-global-styles-screen-revisions__revision-item .edit-site-global-styles-screen-revisions__revision-button:active {
+  outline: 0;
+  box-shadow: none;
 }
 
-.is-selected .edit-site-global-styles-screen-revisions__revision-button {
+.is-selected {
   color: var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba));
-  opacity: 1;
   background: rgba(var(--wp-admin-theme-color--rgb), 0.04);
 }
-.is-selected .edit-site-global-styles-screen-revisions__meta {
+.is-selected .edit-site-global-styles-screen-revisions__revision-button {
+  opacity: 1;
+}
+.is-selected .edit-site-global-styles-screen-revisions__date {
   color: var(--wp-admin-theme-color);
 }
 
@@ -1438,19 +1419,25 @@ textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area:-ms-inp
   align-items: flex-start;
   gap: 8px;
 }
+.edit-site-global-styles-screen-revisions__description .edit-site-global-styles-screen-revisions__date {
+  text-transform: uppercase;
+  font-weight: 600;
+  font-size: 12px;
+}
 
 .edit-site-global-styles-screen-revisions__meta {
-  color: #757575;
+  color: #949494;
   display: flex;
-  justify-content: space-between;
+  justify-content: start;
   width: 100%;
   align-items: center;
-  text-align: right;
+  font-size: 12px;
 }
 .edit-site-global-styles-screen-revisions__meta img {
   width: 16px;
   height: 16px;
   border-radius: 100%;
+  margin-left: 8px;
 }
 
 .edit-site-global-styles-screen-revisions__loading {
@@ -1472,6 +1459,11 @@ textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area:-ms-inp
 .edit-site-header-edit-mode .edit-site-header-edit-mode__start {
   display: flex;
   border: none;
+  align-items: center;
+  flex-shrink: 2;
+  overflow: hidden;
+  height: 100%;
+  padding-left: 2px;
 }
 .edit-site-header-edit-mode .edit-site-header-edit-mode__end {
   display: flex;
@@ -1486,6 +1478,9 @@ textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area:-ms-inp
   justify-content: center;
   min-width: 0;
 }
+.edit-site-header-edit-mode .block-editor-block-contextual-toolbar.is-fixed {
+  border: none;
+}
 
 .edit-site-header-edit-mode__toolbar {
   display: flex;
@@ -1550,37 +1545,37 @@ textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area:-ms-inp
   opacity: 0;
 }
 
-.edit-site-header-edit-mode__start {
+.edit-site-header-edit-mode__document-tools {
   display: flex;
   border: none;
 }
-.edit-site-header-edit-mode__start .edit-site-header-edit-mode__toolbar > .components-button.has-icon,
-.edit-site-header-edit-mode__start .edit-site-header-edit-mode__toolbar > .components-dropdown > .components-button.has-icon {
+.edit-site-header-edit-mode__document-tools .edit-site-header-edit-mode__toolbar > .components-button.has-icon,
+.edit-site-header-edit-mode__document-tools .edit-site-header-edit-mode__toolbar > .components-dropdown > .components-button.has-icon {
   height: 36px;
   min-width: 36px;
   padding: 6px;
 }
-.edit-site-header-edit-mode__start .edit-site-header-edit-mode__toolbar > .components-button.has-icon.is-pressed,
-.edit-site-header-edit-mode__start .edit-site-header-edit-mode__toolbar > .components-dropdown > .components-button.has-icon.is-pressed {
+.edit-site-header-edit-mode__document-tools .edit-site-header-edit-mode__toolbar > .components-button.has-icon.is-pressed,
+.edit-site-header-edit-mode__document-tools .edit-site-header-edit-mode__toolbar > .components-dropdown > .components-button.has-icon.is-pressed {
   background: #1e1e1e;
 }
-.edit-site-header-edit-mode__start .edit-site-header-edit-mode__toolbar > .components-button.has-icon:focus:not(:disabled),
-.edit-site-header-edit-mode__start .edit-site-header-edit-mode__toolbar > .components-dropdown > .components-button.has-icon:focus:not(:disabled) {
+.edit-site-header-edit-mode__document-tools .edit-site-header-edit-mode__toolbar > .components-button.has-icon:focus:not(:disabled),
+.edit-site-header-edit-mode__document-tools .edit-site-header-edit-mode__toolbar > .components-dropdown > .components-button.has-icon:focus:not(:disabled) {
   box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 0 0 1px #fff;
   outline: 1px solid transparent;
 }
-.edit-site-header-edit-mode__start .edit-site-header-edit-mode__toolbar > .components-button.has-icon::before,
-.edit-site-header-edit-mode__start .edit-site-header-edit-mode__toolbar > .components-dropdown > .components-button.has-icon::before {
+.edit-site-header-edit-mode__document-tools .edit-site-header-edit-mode__toolbar > .components-button.has-icon::before,
+.edit-site-header-edit-mode__document-tools .edit-site-header-edit-mode__toolbar > .components-dropdown > .components-button.has-icon::before {
   display: none;
 }
-.edit-site-header-edit-mode__start .edit-site-header-edit-mode__toolbar > .edit-site-header-edit-mode__inserter-toggle.has-icon {
+.edit-site-header-edit-mode__document-tools .edit-site-header-edit-mode__toolbar > .edit-site-header-edit-mode__inserter-toggle.has-icon {
   margin-left: 8px;
   min-width: 32px;
   width: 32px;
   height: 32px;
   padding: 0;
 }
-.edit-site-header-edit-mode__start .edit-site-header-edit-mode__toolbar > .edit-site-header-edit-mode__inserter-toggle.has-text.has-icon {
+.edit-site-header-edit-mode__document-tools .edit-site-header-edit-mode__toolbar > .edit-site-header-edit-mode__inserter-toggle.has-text.has-icon {
   width: auto;
   padding: 0 8px;
 }
@@ -1613,10 +1608,24 @@ textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area:-ms-inp
   height: 36px;
   padding: 0 8px;
 }
-.edit-site-header-edit-mode.show-icon-labels .edit-site-header-edit-mode__start .edit-site-header-edit-mode__toolbar > * + * {
+.edit-site-header-edit-mode.show-icon-labels .edit-site-header-edit-mode__document-tools .edit-site-header-edit-mode__toolbar > * + * {
   margin-right: 8px;
 }
 
+.has-fixed-toolbar .selected-block-tools-wrapper {
+  overflow-x: scroll;
+}
+.has-fixed-toolbar .selected-block-tools-wrapper.is-collapsed {
+  display: none;
+}
+.has-fixed-toolbar .edit-site-header-edit-mode__center.is-collapsed {
+  display: none;
+}
+
+.edit-site-header-edit-mode__block-tools-toggle {
+  margin-right: 2px;
+}
+
 .edit-site-document-actions {
   display: flex;
   align-items: center;
@@ -1895,32 +1904,30 @@ body.is-fullscreen-mode .edit-site-list-header {
 .edit-site-list-added-by__icon {
   display: flex;
   flex-shrink: 0;
-  align-items: center;
-  justify-content: center;
-  width: 32px;
-  height: 32px;
-  background: #2f2f2f;
-  border-radius: 100%;
+  width: 24px;
+  height: 24px;
 }
 .edit-site-list-added-by__icon svg {
-  fill: #fff;
+  fill: currentColor;
 }
 
 .edit-site-list-added-by__avatar {
   flex-shrink: 0;
   overflow: hidden;
-  border-radius: 100%;
-  background: #2f2f2f;
-  width: 32px;
-  height: 32px;
+  width: 24px;
+  height: 24px;
+  align-items: center;
+  justify-content: center;
+  display: flex;
 }
 .edit-site-list-added-by__avatar img {
-  width: 32px;
-  height: 32px;
+  width: 20px;
+  height: 20px;
   -o-object-fit: cover;
      object-fit: cover;
   opacity: 0;
   transition: opacity 0.1s linear;
+  border-radius: 100%;
 }
 @media (prefers-reduced-motion: reduce) {
   .edit-site-list-added-by__avatar img {
@@ -2193,6 +2200,13 @@ body.is-fullscreen-mode .edit-site-list-header {
   width: 384px;
 }
 
+.page-templates-preview-field.is-viewtype-list .block-editor-block-preview__container {
+  height: 120px;
+}
+.page-templates-preview-field.is-viewtype-grid .block-editor-block-preview__container {
+  height: auto;
+}
+
 .edit-site-table-wrapper {
   width: 100%;
   padding: 32px;
@@ -2376,10 +2390,7 @@ body.is-fullscreen-mode .edit-site-list-header {
   margin-bottom: 8px;
 }
 
-.edit-site-summary-field .components-dropdown {
-  width: 70%;
-}
-.edit-site-summary-field .edit-site-summary-field__trigger {
+.edit-site-summary-field__trigger {
   max-width: 100%;
   display: block;
   text-align: right;
@@ -2387,13 +2398,15 @@ body.is-fullscreen-mode .edit-site-list-header {
   overflow: hidden;
   text-overflow: ellipsis;
 }
-.edit-site-summary-field .edit-site-summary-field__label {
-  width: 30%;
-}
 
 .edit-site-page-panels-edit-template__dropdown .components-popover__content {
   min-width: 240px;
 }
+.edit-site-page-panels-edit-template__dropdown .components-button.is-pressed,
+.edit-site-page-panels-edit-template__dropdown .components-button.is-pressed:hover {
+  background: inherit;
+  color: inherit;
+}
 
 .components-panel__header.edit-site-sidebar-edit-mode__panel-tabs {
   justify-content: flex-start;
@@ -3050,11 +3063,16 @@ body.is-fullscreen-mode .edit-site .components-editor-notices__snackbar {
   border-radius: 0;
 }
 
-.edit-site-layout__canvas .interface-interface-skeleton {
+.edit-site-layout__canvas .interface-interface-skeleton,
+.edit-site-page-pages-preview .interface-interface-skeleton {
   position: relative !important;
   min-height: 100% !important;
 }
 
+.edit-site-page-pages-preview {
+  height: 100%;
+}
+
 .edit-site-layout__view-mode-toggle.components-button {
   position: relative;
   color: #fff;
@@ -3132,18 +3150,6 @@ body.is-fullscreen-mode .edit-site .components-editor-notices__snackbar {
   }
 }
 
-@media (min-width: 782px) {
-  .edit-site-layout.has-fixed-toolbar .edit-site-layout__canvas-container {
-    z-index: 5;
-  }
-  .edit-site-layout.has-fixed-toolbar .edit-site-site-hub {
-    z-index: 4;
-  }
-  .edit-site-layout.has-fixed-toolbar .edit-site-layout__header:focus-within {
-    z-index: 3;
-  }
-}
-
 .is-edit-mode.is-distraction-free .edit-site-layout__header-container {
   height: 60px;
   position: absolute;
@@ -3194,6 +3200,9 @@ body.is-fullscreen-mode .edit-site .components-editor-notices__snackbar {
 .edit-site-save-hub__button[aria-disabled=true]:hover {
   color: inherit;
 }
+.edit-site-save-hub__button:not(.is-primary).is-busy, .edit-site-save-hub__button:not(.is-primary).is-busy[aria-disabled=true]:hover {
+  color: #1e1e1e;
+}
 
 @media (min-width: 600px) {
   .edit-site-save-panel__modal {
@@ -3363,6 +3372,7 @@ body.is-fullscreen-mode .edit-site .components-editor-notices__snackbar {
 }
 
 .edit-site-sidebar-navigation-screen__actions {
+  display: flex;
   flex-shrink: 0;
 }
 
@@ -3600,6 +3610,8 @@ body.is-fullscreen-mode .edit-site .components-editor-notices__snackbar {
 }
 .edit-site-sidebar-navigation-screen-template__added-by-description-author img {
   border-radius: 12px;
+  width: 20px;
+  height: 20px;
 }
 .edit-site-sidebar-navigation-screen-template__added-by-description-author svg {
   fill: #949494;
@@ -3608,7 +3620,10 @@ body.is-fullscreen-mode .edit-site .components-editor-notices__snackbar {
 .edit-site-sidebar-navigation-screen-template__added-by-description-author-icon {
   width: 24px;
   height: 24px;
-  margin-left: 8px;
+  margin-left: 4px;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
 }
 
 .edit-site-sidebar-navigation-screen-template__template-area-button {
@@ -3633,6 +3648,31 @@ body.is-fullscreen-mode .edit-site .components-editor-notices__snackbar {
   display: flex;
 }
 
+.edit-site-sidebar-navigation-screen-dataviews__group-header {
+  margin-top: 32px;
+}
+.edit-site-sidebar-navigation-screen-dataviews__group-header h2 {
+  font-size: 11px;
+  font-weight: 500;
+  text-transform: uppercase;
+}
+
+.edit-site-sidebar-dataviews-dataview-item {
+  border-radius: 2px;
+  padding-left: 8px;
+}
+.edit-site-sidebar-dataviews-dataview-item .edit-site-sidebar-dataviews-dataview-item__dropdown-menu {
+  min-width: initial;
+}
+.edit-site-sidebar-dataviews-dataview-item:hover, .edit-site-sidebar-dataviews-dataview-item:focus, .edit-site-sidebar-dataviews-dataview-item[aria-current] {
+  color: #e0e0e0;
+  background: #2f2f2f;
+}
+.edit-site-sidebar-dataviews-dataview-item.is-selected {
+  background: var(--wp-admin-theme-color);
+  color: #fff;
+}
+
 .edit-site-site-hub {
   display: flex;
   align-items: center;