atom-ide-flow icon indicating copy to clipboard operation
atom-ide-flow copied to clipboard

Change the error highlighter style

Open Gozala opened this issue 9 years ago • 3 comments

Often times if flow errors many of them overlaps, in which case layers of red highlight makes it impossible to see or navigate around the code. Would be nice to change a style so it's possible to still navigate and edit code normally

screen shot 2015-10-13 at 6 33 06 pm

Gozala avatar Oct 14 '15 01:10 Gozala

+1, this is quite annoying.

tlrobinson avatar Jul 15 '16 19:07 tlrobinson

I quite like how the red highlight is different from other kind of highlight, but it definitely need to be readable without killing your eyes...

screen shot 2016-08-26 at 11 28 24

yann-stepienik-cko avatar Aug 26 '16 10:08 yann-stepienik-cko

A quick fix for now:

Open atom stylesheet via Atom menu -> Stylesheet

(or open /.atom/styles.less)

Then add:

atom-text-editor::shadow {
  .ide-flow-error {
    background-color: unset;
  }
  .highlight {
    &.ide-flow-error .region {
      background: #F6F7EB;
      z-index: -1;
    }
  }
}

justin-calleja avatar Aug 30 '16 14:08 justin-calleja