Issues with css styles on JavaScript


I have been working on a personal project creating a JavaScript environment for authoring/animating SVG and Atom is doing something a bit strange when presenting JavaScript syntax.

The main part of JavaScript environment comprises a constructor method which is name-spaced. Part of which is shown in the first attached screen-grab. As you can see some of the object property names are coloured orange, where Atom is identifying them and styling then with the css class of ‘support.constant.dom.js’.

The next issue is that I would like to identify and apply a style rule to variable names. To do this in the style.less file requires an identifier. As you see from the second screen-grab, Atom does not seem to provide this.

All help and assistance welcome.



If anyone is interested, this matter can also be followed here: