~ 1 min read

Atom editor search highlight style

In April I have wrote how to solve a problem of poor highlighting for the search results for the Atom editor. Since then in the ever evolving editor after one of the updates something broke and the highlight feature became broken. Took me a while to get to it but I have finally had some time to take a look at it and I came up with the following replacement:

//
//  Search highlight
//
atom-text-editor::shadow .highlight.find-result .region {
  background: rgba(255,255,255,.2);
  border-color: rgba(250, 248, 51, .6);
}

//
// the active search highlight - to distinguish from the other results
//
atom-text-editor::shadow .highlight.current-result .region,
atom-text-editor::shadow .highlight.current-result ~ .highlight.selection .region {
  background: rgba(255,255,255,.05);
  outline: dashed;

}