feature request: show cf tags in different color

[ArtskydJ]

Right now, <cf...> tags and normal html tags show up as the same color.

Maybe have a setting where coldfusion tags are highlighted some other color?

[ArtskydJ]

Any chance of supporting this @atuttle?

[atuttle]

I think it's a great idea. Unfortunately i don't have the time or the motivation to learn the syntax for defining languages in atom (it's not my every day editor), so I can't add it. But pull requests are welcome. :)

[David-Polehonski]

@ArtskydJ

Update: All cfml tags now have the class 'cfml' appened to them so you can define classes that target them in your own stylesheet now, see image below, it's not quite perfect yet but it's getting there.

[ArtskydJ]

@David-Polehonski Sweet, I hope to try this out as soon as #35 is merged and released. Thanks for your work on this!

[atuttle]

published. please close this issue once you've verified the fix. :)

[ArtskydJ]

Using version 0.8.4, adding the following to my styles.less file changes the cfml tags color:

atom-text-editor::shadow {
    .entity.name.tag.cfml {
        color: blue;
    }
}

Thanks!

[ArtskydJ]

In case anyone's interested, this will highlight the < and > bits as well

atom-text-editor::shadow {
    .meta.tag.other.cfml, /* cffunction < and > */
    .punctuation.tag.cfml, /* other < and > */
    .entity.name.tag.cfml { /* tag names */
        color: #B80;
    }
}

[dajester2013]

Just FYI for those who have a special place in their heart for cfeclipse, you may want to check out atom-theme-cfeclipse.

[kliakos]

Any other ideas on cf tags color? Can't find anything really good.

[ArtskydJ]

@kliakos You mean the color of the tags? It depends on your theme, I suppose.

[atuttle]

Yep. I'm trying out apathy today, and using

atom-text-editor::shadow {
    .meta.tag.other.cfml, /* cffunction < and > */
    .punctuation.tag.cfml, /* other < and > */
    .entity.name.tag.cfml { /* tag names */
      color: #AC58FA;
    }
}

[ArtskydJ]

I'm using

atom-text-editor::shadow {
    .entity.name.tag.cfml {
        color: /* color here */;
    }
}

because otherwise the cffunction tags look funny.

And it more closely resembles how the html is highlighted in cfml files. (The html does not have < or > highlighted.)