syntax highlighting issues.

[chrisdrackett]

Prerequisites

• Put an X between the brackets on this line if you have done all of the following:
  • Reproduced the problem in Safe Mode: https://flight-manual.atom.io/hacking-atom/sections/debugging/#using-safe-mode
  • Followed all applicable steps in the debugging guide: https://flight-manual.atom.io/hacking-atom/sections/debugging/
  • Checked the FAQs on the message board for common solutions: https://discuss.atom.io/c/faq
  • Checked that your issue isn't already filed: https://github.com/issues?utf8=✓&q=is%3Aissue+user%3Aatom
  • Checked that there is not already an Atom package that provides the described functionality: https://atom.io/packages

Description

I've recently been forced to switch from language-babel to language-typescript due to my language-babel no longer working with atom-typescript for some reason. The biggest thing I've noticed since making the switch is that the syntax highlighting for this grammar seems far behind that I had in language-babel. Some of the things I've seen so far:

1. upper and lowercase variable names are styled differently:

Babel	Typescript

2. Same for variables inline:

Babel	Typescript

3. Types don't have the same level of detail so its impossible to style them much differently:

Babel	Typescript

At first I thought this was an issue with my syntax theme, but on inspecting the CSS I found that most of these issues are due to the text not being tagged at all thus it is impossible to style things correctly.

For example the following is from babel:

<span class="syntax--variable syntax--other syntax--readwrite syntax--js">iconColor</span>

where as in typescript I get:

iconColor

no wrapper at all.