Change:
I think a full range decoration would look nicer here: ! You can also use :
Last time I looked at this I didn't know about . With , I like this much more.
I this last milestone!
Is there any way to make the border only go around the outside of the selected area? Here's an example with the border as it currently is:
Unfortunately not, and it would be very complex to do that. I would just not use a border.

Discussion:
const resolvedCommentBorder = registerColor('editorCommentsWidget.resolvedBorder', { dark: resolvedCommentViewIcon, light: resolvedCommentViewIcon, hcDark: contrastBorder, hcLight: contrastBorder }, nls.localize('resolvedCommentBorder', 'Color of borders and arrow for resolved comments.')); const unresolvedCommentBorder = registerColor('editorCommentsWidget.unresolvedBorder', { dark: unresolvedCommentViewIcon, light: unresolvedCommentViewIcon, hcDark: contrastBorder, hcLight: contrastBorder }, nls.localize('unresolvedCommentBorder', 'Color of borders and arrow for unresolved comments.')); export const commentThreadRangeBackground = registerColor('editorCommentsWidget.rangeBackground', { dark: transparent(unresolvedCommentBorder, .1), light: transparent(unresolvedCommentBorder, .1), hcDark: transparent(unresolvedCommentBorder, .1), hcLight: transparent(unresolvedCommentBorder, .1) }, nls.localize('commentThreadRangeBackground', 'Color of background for comment ranges.')); <del> export const commentThreadRangeBorder = registerColor('editorCommentsWidget.rangeBorder', { dark: transparent(unresolvedCommentBorder, .4), light: transparent(unresolvedCommentBorder, .4), hcDark: transparent(unresolvedCommentBorder, .4), hcLight: transparent(unresolvedCommentBorder, .4) }, nls.localize('commentThreadRangeBorder', 'Color of border for comment ranges.')); </del> export const commentThreadRangeActiveBackground = registerColor('editorCommentsWidget.rangeActiveBackground', { dark: transparent(unresolvedCommentBorder, .1), light: transparent(unresolvedCommentBorder, .1), hcDark: transparent(unresolvedCommentBorder, .1), hcLight: transparent(unresolvedCommentBorder, .1) }, nls.localize('commentThreadActiveRangeBackground', 'Color of background for currently selected or hovered comment range.')); <del> export const commentThreadRangeActiveBorder = registerColor('editorCommentsWidget.rangeActiveBorder', { dark: transparent(unresolvedCommentBorder, .4), light: transparent(unresolvedCommentBorder, .4), hcDark: transparent(unresolvedCommentBorder, .4), hcLight: transparent(unresolvedCommentBorder, .2) }, nls.localize('commentThreadActiveRangeBorder', 'Color of border for currently selected or hovered comment range.')); </del> const commentThreadStateBorderColors = new Map([ [languages.CommentThreadState.Unresolved, unresolvedCommentBorder],

description: CommentThreadRangeDecorator.description, isWholeLine: false, zIndex: 20, <del> className: 'comment-thread-range' </del> <ins> className: 'comment-thread-range', shouldFillLineOnLineBreak: true </ins> }; this.decorationOptions = ModelDecorationOptions.createDynamic(decorationOptions);

description: CommentThreadRangeDecorator.description, isWholeLine: false, zIndex: 20, <del> className: 'comment-thread-range-current' </del> <ins> className: 'comment-thread-range-current', shouldFillLineOnLineBreak: true </ins> }; this.activeDecorationOptions = ModelDecorationOptions.createDynamic(activeDecorationOptions);

background: var(--vscode-editorGutter-commentRangeForeground); } <del> .monaco-editor .comment-thread-range, .monaco-editor .comment-thread-range-current { border-width: 1px; border-style: solid; box-sizing: border-box; } </del> .monaco-editor .comment-thread-range { background-color: var(--vscode-editorCommentsWidget-rangeBackground); <del> border-color: var(--vscode-editorCommentsWidget-rangeBorder); </del> } .monaco-editor .comment-thread-range-current { background-color: var(--vscode-editorCommentsWidget-rangeActiveBackground); <del> border-color: var(--vscode-editorCommentsWidget-rangeActiveBorder); </del> } .monaco-editor .margin-view-overlays .comment-range-glyph.line-hover,