From 10d338cf197afc74b3360404bcf68b41f1803ace Mon Sep 17 00:00:00 2001 From: Rich Tabor Date: Fri, 25 Oct 2024 15:12:56 +0200 Subject: [PATCH] add slight border to provide better contrast on dark --- .../src/components/block-tools/style.scss | 18 +++++++++++++++--- 1 file changed, 15 insertions(+), 3 deletions(-) diff --git a/packages/block-editor/src/components/block-tools/style.scss b/packages/block-editor/src/components/block-tools/style.scss index 06231eed749a91..c50c53ea055f65 100644 --- 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 {