Add a darker hover state for dark themes.

WordPress · Mar 15, 2019 · c3b6c3b · c3b6c3b
1 parent 12e5368
commit c3b6c3b
Showing 1 changed file with 9 additions and 1 deletion.
diff --git a/packages/block-editor/src/components/block-list/style.scss b/packages/block-editor/src/components/block-list/style.scss
@@ -159,6 +159,10 @@
 	// Hover style.
 	&.is-hovered > .block-editor-block-list__block-edit::before {
 		box-shadow: -$block-left-border-width 0 0 0 $light-gray-500;
+
+		.is-dark-theme & {
+			box-shadow: -$block-left-border-width 0 0 0 $dark-gray-600;
+		}
 	}
 
 	// Spotlight mode.
@@ -982,14 +986,18 @@
 	.components-toolbar {
 		padding: 0;
 		border: none;
-		background: transparent;
 		line-height: 1;
 		font-family: $default-font;
 		font-size: 11px;
 		padding: 4px 4px;
 		background: $light-gray-500;
 		color: $dark-gray-900;
 
+		.is-dark-theme & {
+			background: $dark-gray-600;
+			color: $white;
+		}
+
 		// Animate in
 		.block-editor-block-list__block:hover & {
 			opacity: 0;