Sublime text 2 - change color tags

Question

I am using Sublime Text 2, which I want to make my default program to work with.

I have a Dreamweaver theme - but I have some problems:

I do not know how to change colors for tags (a, img, form, etc.). There is everything in one color, and not in Dreamweaver CS4 (see. Fig.).

How can I change colors for each?

I have this in my theme code:

<dict> <key>name</key> <string>html img tag</string> <key>scope</key> <string>text.html meta.tag.img - string</string> <key>settings</key> <dict> <key>foreground</key> <string>#6d232eff</string> </dict> </dict> <dict> <key>name</key> <string>html form tag</string> <key>scope</key> <string>text.html meta.tag.form - string</string> <key>settings</key> <dict> <key>foreground</key> <string>#ff9700ff</string> </dict> </dict> 

But when I change the colors in the line tag, I don’t work - is something missing?

thanks in advance

Answer 1

Try the following:

  <dict> <key>name</key> <string>Tag name</string> <key>scope</key> <string>entity.name.tag</string> <key>settings</key> <dict> <key>foreground</key> <string>#EA0000</string> </dict> </dict> <dict> <key>name</key> <string>Tag start/end</string> <key>scope</key> <string>punctuation.definition.tag.html, punctuation.definition.tag.begin, punctuation.definition.tag.end</string> <key>settings</key> <dict> <key>foreground</key> <string>#EA0000</string> </dict> </dict> 

Answer 2

It comes down to a language definition file ( .tmLanguage ). By default, the HTML language definition is disabled at the general tag level, do not ask me why, but it follows the TextMate Scope Selector pattern . From what I can tell, people write a language file using JSON and then convert it to a .plist file and change the extension to a tmLanguage file.

The easiest thing I have found is to install the Siddley Enhanced HTML / ColdFusion package , use the advanced HTML language and one of the DW color schemes.

After some searching, I found that Saddy put several tags together. I can expand the language definition file. Will there be a post on github if I do this.

Answer 3

Follow this step to apply the Dreamweaver CS5 color scheme in its sublime form.

Click here to download the Dreamweaver zip file.

How to apply a color scheme such as Dreamweaver CS5

 1. Download zip file from Dreamweaver Theme File Link 2. Extract folder 3. Open sublime and goto "Preferences">"Browser Packages..">"Paste extract folder here" 4. Restart Sublime 5. Select color scheme from sublime, to select color scheme Goto "Preferences">"Color Scheme">"SublimeDreamweaver-master">"SublimeDreamweaver-master">"Dreamviwer" 6. Restart Again your sublime 7. Now open your file to see effect 8. Thanks 

Change the font like dreamviwer after applying the dreamviwer color scheme.

 1. Goto "Preferences">"Setting - User" 2. Add this line is your setting json, "font_face":"courier new" 3. Save enjoy 

thanks