search

jesseweed / seti-syntax

A subtle dark colored theme for Atom.
MIT License
185 stars 66 forks source link

React.js JSX : Distinguish between Built-in components and string literal; not Built-in components and Custom components #153

Open jinalskothari opened 7 years ago

jinalskothari commented 7 years ago

Inside an JSX element, the theme does not visually distinguish between a built in jsx component like <div> and the text within; <span>Hello</span> Same color is applied for them both. The theme however does distinguish between custom component and a built in component.

screen shot 2017-06-18 at 3 29 28 pm

From my perspective the former behaviour is more useful. It wouldn't be an issue if the theme distinguished between all three.

This is what https://atom.io/themes/atom-material-syntax-dark does.

screen shot 2017-06-18 at 3 32 00 pm

Not sure if it's relevant, but the grammar is Babel ES6 Javascript (with JSX support).