Change:
// theming registerThemingParticipant((theme, collector) => { <del> function addBackgroundColorRule(selector: string, color: Color): void { </del> <ins> const addBackgroundColorRule = (selector: string, color: Color): void => { </ins> if (color) { collector.addRule(`.monaco-editor ${selector} { background-color: ${color}; }`); } <del> } </del> <ins> }; </ins> addBackgroundColorRule('.findMatch', theme.getColor(editorFindMatchHighlight)); addBackgroundColorRule('.currentFindMatch', theme.getColor(editorFindMatch)); addBackgroundColorRule('.findScope', theme.getColor(editorFindRangeHighlight)); <del> let widgetBackground = theme.getColor(editorWidgetBackground); </del> <ins> const widgetBackground = theme.getColor(editorWidgetBackground); </ins> addBackgroundColorRule('.find-widget', widgetBackground); <del> let widgetShadowColor = theme.getColor(widgetShadow); </del> <ins> const widgetShadowColor = theme.getColor(widgetShadow); </ins> if (widgetShadowColor) { collector.addRule(`.monaco-editor .find-widget { box-shadow: 0 2px 8px ${widgetShadowColor}; }`); } <del> let findMatchHighlightBorder = theme.getColor(editorFindMatchHighlightBorder); </del> <ins> const findMatchHighlightBorder = theme.getColor(editorFindMatchHighlightBorder); </ins> if (findMatchHighlightBorder) { <del> collector.addRule(`.monaco-editor .findMatch { border: 1px dotted ${findMatchHighlightBorder}; -moz-box-sizing: border-box; box-sizing: border-box; }`); </del> <ins> collector.addRule(`.monaco-editor .findMatch { border: 1px ${theme.type === 'hc' ? 'dotted' : 'solid'} ${findMatchHighlightBorder}; box-sizing: border-box; }`); </ins> } <del> let findMatchBorder = theme.getColor(editorFindMatchBorder); </del> <ins> const findMatchBorder = theme.getColor(editorFindMatchBorder); </ins> if (findMatchBorder) { <del> collector.addRule(`.monaco-editor .currentFindMatch { border: 2px solid ${findMatchBorder}; padding: 1px; -moz-box-sizing: border-box; box-sizing: border-box; }`); </del> <ins> collector.addRule(`.monaco-editor .currentFindMatch { border: 2px solid ${findMatchBorder}; padding: 1px; box-sizing: border-box; }`); </ins> } <del> let findRangeHighlightBorder = theme.getColor(editorFindRangeHighlightBorder); </del> <ins> const findRangeHighlightBorder = theme.getColor(editorFindRangeHighlightBorder); </ins> if (findRangeHighlightBorder) { <del> collector.addRule(`.monaco-editor .findScope { border: 1px dashed ${findRangeHighlightBorder}; }`); </del> <ins> collector.addRule(`.monaco-editor .findScope { border: 1px ${theme.type === 'hc' ? 'dashed' : 'solid'} ${findRangeHighlightBorder}; }`); </ins> } <del> let hcBorder = theme.getColor(contrastBorder); </del> <ins> const hcBorder = theme.getColor(contrastBorder); </ins> if (hcBorder) { collector.addRule(`.monaco-editor .find-widget { border: 2px solid ${hcBorder}; }`); } <del> let error = theme.getColor(errorForeground); </del> <ins> const error = theme.getColor(errorForeground); </ins> if (error) { collector.addRule(`.monaco-editor .find-widget.no-results .matchesCount { color: ${error}; }`); } <del> let border = theme.getColor(editorWidgetBorder); </del> <ins> const border = theme.getColor(editorWidgetBorder); </ins> if (border) { collector.addRule(`.monaco-editor .find-widget .monaco-sash { background-color: ${border}; width: 3px !important; margin-left: -4px;}`); }

Discussion:
VSCode Version: 1.21 OS Version: macOS Currently border style for selection and word highlight are dotted. It's possible to make it like it's with which is straight lines? Selection () <img width="36" alt="image" src="https://user-"As you can see it's dotted. Word highlight (/) <img width="264" alt="image" src="https://user-"As you can see it's dotted. Find match () <img width="64" alt="image" src="https://user-"As you can see border lines are straight, this is how it needs to look like in selection and word highlight borders.
Same problem is with . As I can see only is working as expected.
Same issue on ubuntu 17.10, since the recent update (1.21) the styling's been broken.
This issue is theme specific, doesn't exist on Monokai or other themes. I reckon this only concerns OneDark Pro.
This doesn't exist in Monokai because Monokai theme doesn't use border for search since there's no such color specified in theme. As you can see in this issue I'm talking about new colors introduced in VS Code 1.21 which borders text, but the problem is border are dotted instead of straight line. So this isn't OS or theme specified, the problem is VS Code and only one color works properly () which uses lines for border instead of dots.
I found here it's . Should I make a PR in proper places to change from to ? /cc
I also see is while others are . Is that correct? I would also like to suggest to use border solid for . /cc
! With different border styles, we get this issue above in the screenshot. We definitely need solid style. Right now it looks like garland :D
since you're working with colors, what do you think? The idea is from Atom with plugin. It's really weird to see the dotted or dashed border styles. If needed I can create a PR.
We can do solid border styles for anything except high contrast. In the high contrast theme, the same color is used for all of these decorations and the only distinguishable trait is the border style.
I'm very happy!!! What about which have , it's correct? Also, you forgot to set to too.

If you want I can create a PR.
:+1: for a PR
Thanks. I will start to work on it right now!
Already done in Please review If everything is OK with PR please include it in next release (1.22.0).
this won't make it into 1.22. Only critical fixes at this point.
Maybe 1.22.1? Anyways thanks for explaining it, I really appreciate your and your team work on VS Code.