lukehoban / atom-ide-flow

Atom IDE support for Flow
MIT License
87 stars 17 forks source link

Change the error highlighter style #42

Open Gozala opened 8 years ago

Gozala commented 8 years ago

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
tlrobinson commented 8 years ago

+1, this is quite annoying.

yann-stepienik-cko commented 7 years ago

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

justin-calleja commented 7 years ago

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;
    }
  }
}