Edit Context : Using border instead of background color for composition (#229851)

* registering new colors to use for the composition

* removing background color and using border instead
pull/230104/head
Aiday Marlen Kyzy 2024-09-30 10:44:47 +02:00 committed by GitHub
parent ba6feb59bc
commit eec0d205c8
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 8 additions and 2 deletions

View File

@ -150,6 +150,7 @@
"--vscode-editor-placeholder-foreground",
"--vscode-editor-rangeHighlightBackground",
"--vscode-editor-rangeHighlightBorder",
"--vscode-editor-compositionBorder",
"--vscode-editor-selectionBackground",
"--vscode-editor-selectionForeground",
"--vscode-editor-selectionHighlightBackground",

View File

@ -15,12 +15,13 @@
.monaco-editor .edit-context-composition-none {
background-color: transparent;
border-bottom: none;
}
.monaco-editor .edit-context-composition-secondary {
background-color: var(--vscode-editor-selectionBackground);
border-bottom: 1px solid var(--vscode-editor-compositionBorder);
}
.monaco-editor .edit-context-composition-primary {
background-color: var(--vscode-editor-selectionHighlightBackground);
border-bottom: 2px solid var(--vscode-editor-compositionBorder);
}

View File

@ -134,6 +134,10 @@ export const editorSelectionHighlightBorder = registerColor('editor.selectionHig
{ light: null, dark: null, hcDark: activeContrastBorder, hcLight: activeContrastBorder },
nls.localize('editorSelectionHighlightBorder', "Border color for regions with the same content as the selection."));
export const editorCompositionBorder = registerColor('editor.compositionBorder',
{ light: '#000000', dark: '#ffffff', hcLight: '#000000', hcDark: '#ffffff' },
nls.localize('editorCompositionBorder', "The border color for the composition."));
// ----- editor find