{var%20f='http://v.t.sina.com.cn/share/share.php?appkey=1515056452',u=z||d.location,p=['&url=',e(u),'&title=',e(t||d.title),'&source=',e(r),'&sourceUrl=',e(l),'&content=',c||'gb2312','&pic=',e(p||'')].join('');function%20a(){if(!window.open([f,p].join(''),'mb',['toolbar=0,status=0,resizable=1,width=440,height=430,left=',(s.width-440)/2,',top=',(s.height-430)/2].join('')))u.href=[f,p].join('');};if(/Firefox/.test(navigator.userAgent))setTimeout(a,0);else%20a();})(screen,document,encodeURIComponent,'','','https://www.manongdao.com/data/attach/logo/logo.png', '推荐 We Are One 的问题《Modifiying Sublime Text Syntax Highlighting for HT》','https://www.manongdao.com/q-511060.html','页面编码gb2312|utf-8默认gb2312'));){kind=link}
I've tried numerous colour schemes for Sublime Text 2 and I've found a number that look great for javascript and php, but they also have terrible distinction between text and tags in HTML.
What I'm looking to do is make HTML tags the same colour as the beginning and end tag (<>). Right now the left and right chevrons appear the same colour as plain text, which can be dizzying to read.
Colour scheme Frontier
Realizing it's not the colour scheme but the syntax definitions for HTML, I looked in ~/Library/Application Support/Sublime Text 2/Packages/HTML/HTML.tmLanguage to make the modification.
Problem is, the XML file is littered with > and < and no documentation for the file itself other than the unofficial documentation for syntax definitions. Anyone know how I could merge the beginning and end tag definitions to be the same as the tags themselves?
The other option, of course, it to edit each theme I like and make sure the tags and the chrevrons are coloured the same, but I figured a global edit would make more sense in my case.
Colour scheme Phoenix Dark Blue
For example, Phoenix Dark Blue solves this problem by using the following definition,
<dict>
<key>name</key>
<string>Variable, String Link, Tag Name</string>
<key>scope</key>
<string>variable, support.other.variable, string.other.link, entity.name.tag, entity.other.attribute-name, meta.tag, declaration.tag</string>
<key>settings</key>
<dict>
<key>foreground</key>
<string>#787878</string>
</dict>
</dict>
ST2 is no longer supported (or running, as far as I know). Here is a quick ST3 solution.
To customize colors of 'tag' angle brackets, you must create a dict scope for tag activity, with foreground key and color string. Here is the correct syntax.
This scope is explained here.
More scopes to explore here.
In case of further
.tmLanguage-related emergencies, take note of the TextMate Manual's Language Grammars section. Their examples are in JSON: a format infinitely more readable than PLIST but not a thing that Sublime Text can properly utilize. ST2 and ST3 users can use PackageDev to edit grammars in YAML.As you've mentioned, and as confirmed by my regex search
&(g|l)t;, there are way too many<or>tag delimiters within the Sublime Text 2 (build 2221)HTML.tmLanguagegrammar file. Some HTML tags and wacky regex tag contexts are so special that they warrant a unique denotation, which unfortunately for us includes re-specifying the scope and context of the tag delimiters,<and>, rather than hooking in to some universal inequality symbol scope selector.Luckily, every instance of
<and>is given a scope name ofpunctuation.definition.tag.???.html, where???could bebegin,end, or nothing. Likewise, each HTML tag (htmlin<html>) is named quite a lot likeentity.name.tag.html. Fortune be praised, it's time for regular expressions!In your
HTML.tmLanguagefile – I'd actually suggest cloning a new one intoPackages/Userfor safety's sake, although you'll have to rename the file and the grammar – perform a regex search for all offending scope names with:…and replace every result (this should be as simple as one
Ctrl+V) with the same name as the tags themselves,entity.name.tag.html. In my testing I also added another sub-scope pasttagin case I needed to find the replacements later, so it looked like this:I've tested this with ST2's default color schemes, and it should work with other well-written themes. Here it is with Dayle Rees' Frontier:
It even works in Sublime Text 3!