add slight border to provide better contrast on dark

WordPress · Oct 25, 2024 · 10d338c · 10d338c
1 parent 829bf06
commit 10d338c
Showing 1 changed file with 15 additions and 3 deletions.
diff --git a/packages/block-editor/src/components/block-tools/style.scss b/packages/block-editor/src/components/block-tools/style.scss
@@ -131,13 +131,25 @@
 		background-color: $gray-900;
 		color: $gray-100;
 
+		&.block-editor-block-contextual-toolbar {
+			border-color: $gray-800;
+		}
+
 		button {
-			color: $gray-200;
-			background-color: $gray-900 !important;
+			color: $gray-300;
 
 			&:hover {
 				color: $white;
 			}
+
+			&:focus::before {
+				box-shadow: inset 0 0 0 1px $gray-900, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
+			}
+		}
+
+		.block-editor-block-parent-selector .block-editor-block-parent-selector__button {
+			border-color: $gray-800;
+			background-color: $gray-900;
 		}
 
 		.block-editor-block-switcher__toggle {
@@ -146,7 +158,7 @@
 
 		.components-toolbar-group,
 		.components-toolbar {
-			border-right-color: $gray-700 !important;
+			border-right-color: $gray-800 !important;
 		}
 
 		.is-pressed {