崇高的html标签主题

Question

I've been trying to color code sublime and one problem I can't figure out is how to get the symbol " < " and " > " to be any other color other than white. Any help appreciated

ex of problem :

Answer 1

In your key bindings search for this binding:

{ "keys": ["ctrl+alt+shift+p"], "command": "show_scope_name" },

Move your cursor to be just before the needed character (syntax constant or whatever it's called), in your case the < character and press the binding. Look at your status bar, it will show the corresponding syntax path mine currently is:

text.html.basic meta.tag.script.html punctuation.definition.tag.begin.html

Then you need to edit your pen your theme file something.tmTheme and add the following definition:

    <dict>
        <key>scope</key>
        <string>text.html.basic meta.tag.script.html punctuation.definition.tag.begin.html</string>
        <key>settings</key>
        <dict>
            <key>foreground</key>
            <string>#00FF00</string>
        </dict>
    </dict>

That's it, now your < symbol is green as hell.

Repeat the same process for the > symbol. Do this to style/recolor any other defined syntax.

Please note, that scope path may be different for .php files and .html files, and it IS different for XML

Answer 2

There's a much easier way of styling < and > - just use punctuation.definition.tag and you're all set. It works in HTML, XML, PHP, HTML5, etc., and since it covers both opening and closing tags you don't need to worry about changing two entries in your .tmTheme file should you decide to change the color.