In underline-trailing-whitespace/styles/underline-trailing-whitespace.less:

Starting from Atom v1.13.0, the contents of atom-text-editor elements are no longer encapsulated within a shadow DOM boundary. This means you should stop using :host and ::shadow pseudo-selectors, and prepend all your syntax selectors with syntax--. To prevent breakage with existing style sheets, Atom will automatically upgrade the following selectors:

• atom-text-editor .trailing-whitespace, atom-text-editor::shadow .trailing-whitespace => atom-text-editor .trailing-whitespace, atom-text-editor.editor .trailing-whitespace

• atom-text-editor .cursor-line .trailing-whitespace, atom-text-editor::shadow .cursor-line .trailing-whitespace => atom-text-editor .cursor-line .trailing-whitespace, atom-text-editor.editor .cursor-line .trailing-whitespace

Automatic translation of selectors will be removed in a few release cycles to minimize startup time. Please, make sure to upgrade the above selectors as soon as possible.

Howdy,

Tired all of the following styles, none are working. I looked at the closed issues and saw the "underline-trailing-whitespace" so I tried that too.

Styles tried:

.trailing-whitespace {
    border-bottom-color: cyan;
}

trailing-whitespace {
    border-bottom-color: purple;
}

underline-trailing-whitespace {
  border-bottom-color: green;
}

.underline-trailing-whitespace {
  border-bottom-color: red;
}

I closed the tabs and Atom after changing the styles.

I've only installed Atom today, hopefully it's just me doing something stupid. I'm modifying the /home/Username/.atom/styles.less file.

Cheers.

I installed it into Atom, restarted, opened a file, added some trailing whitespace, saved, and at no time did I see any underline. Something isn't working.

Atom v0.187, underline-trailing-whitespace v1.0.1.

Store package style sheets in the styles/ directory instead of stylesheets/ in the underline-trailing-whitespace package

Package.getStylesheetsPath (/Applications/Atom.app/Contents/Resources/app.asar/src/package.js:460:9)
Package.getStylesheetPaths (/Applications/Atom.app/Contents/Resources/app.asar/src/package.js:471:32)
Package.loadStylesheets (/Applications/Atom.app/Contents/Resources/app.asar/src/package.js:453:38)
<unknown> (/Applications/Atom.app/Contents/Resources/app.asar/src/package.js:185:19)
Package.measure (/Applications/Atom.app/Contents/Resources/app.asar/src/package.js:165:15)
Package.load (/Applications/Atom.app/Contents/Resources/app.asar/src/package.js:179:12)

I'm not sure now to best describe this issue, so here's a gif:

Trailing whitespaces on line 5, and when I select line 5, line 6 goes up a little.

This issue probably has something to do with css border/padding.