Remove hover color, add transition

WordPress · Mar 22, 2024 · fd58490 · fd58490
1 parent eebf3ee
commit fd58490
Showing 1 changed file with 3 additions and 6 deletions.
diff --git a/packages/editor/src/components/document-bar/style.scss b/packages/editor/src/components/document-bar/style.scss
@@ -18,9 +18,10 @@
 
 	.components-button {
 		border-radius: $grid-unit-05;
+		transition: all 0.1s ease-out;
+		@include reduce-motion("transition");
 
 		&:hover {
-			color: var(--wp-block-synced-color);
 			background: $gray-200;
 		}
 	}
@@ -39,7 +40,7 @@
 .editor-document-bar__title {
 	flex-grow: 1;
 	overflow: hidden;
-	color: $gray-800;
+	color: $gray-900;
 	gap: $grid-unit-05;
 	display: flex;
 	justify-content: center;
@@ -50,10 +51,6 @@
 		padding-left: $grid-unit-40;
 	}
 
-	&:hover {
-		color: var(--wp-admin-theme-color);
-	}
-
 	.editor-document-bar.is-global & {
 		color: var(--wp-block-synced-color);
 	}