Cannot read Rule IDs in Messages when using Atom Material UI theme

[reneruiz]

Hi team,

I turned on 'Show Rule ID in Messages' in linter-eslint's settings.

The eslint Rule ID inside the pill isn't legible though. Screenshot:

My first thought was that maybe it's the Atom Material UI theme causing the issue, but I don't seem to have the problem with my other Atom linters, so I thought I would try here first.

Here's a snippet of how I have Atom Material UI theme configured if anyone would like to recreate:

"atom-material-ui":
    colors:
      abaseColor:
        red: 126
        green: 87
        blue: 194
        alpha: 1
      accentColor:
        red: 176
        green: 228
        blue: 87
        alpha: 1
      predefinedColor: "Purple"
    fonts: {}
    tabs: {}
    treeView:
      compactList: true
    ui:
      panelContrast: true

I'd be happy to provide any other information needed.

[steelbrain]

This has been fixed in an update, please update your package

[reneruiz]

I have 7.1.1 installed which appears to be the latest:

All my packages are also up-to-date:

[steelbrain]

In that case, the theme might be messing up it's ui variables, can you please try this with another theme?

[reneruiz]

Here's a screenshot with Atom Dark:

It's there but white on gray isn't great either. 😕

[Mulder90]

Same problem here. A temp workaround is to add this rule into Atom styles.less

// CUSTOM ESLINT CSS
#linter-inline a.eslint {
  color: black;
}