diff --git a/.changeset/happy-hairs-invite.md b/.changeset/happy-hairs-invite.md new file mode 100644 index 00000000000..8ac85b0a367 --- /dev/null +++ b/.changeset/happy-hairs-invite.md @@ -0,0 +1,5 @@ +--- +'@sap-ux/ui-components': patch +--- + +UIToolbar - Border and divider colours replaced with --vscode-widget-border diff --git a/packages/ui-components/src/components/UIToolbar/UIToolbar.scss b/packages/ui-components/src/components/UIToolbar/UIToolbar.scss index c93f970d3cb..5ff5eafbabb 100644 --- a/packages/ui-components/src/components/UIToolbar/UIToolbar.scss +++ b/packages/ui-components/src/components/UIToolbar/UIToolbar.scss @@ -10,7 +10,7 @@ } &__content { - border-bottom: 1px solid var(--vscode-contrastBorder, var(--vscode-editorIndentGuide-background)); + border-bottom: 1px solid var(--vscode-contrastBorder, var(--vscode-widget-border)); background-color: var(--vscode-editor-background); display: flex; flex-wrap: wrap; @@ -21,7 +21,7 @@ display: inline-block; height: 20px; margin: 3px 10px 3px; - border-right: 1px solid var(--vscode-contrastBorder, var(--vscode-editorIndentGuide-background)); + border-right: 1px solid var(--vscode-contrastBorder, var(--vscode-widget-border)); } &__column {