Sublime Text 2/3自定义主题

当你使用sublime text2/3时，是否为一直使用一种主题而觉得没劲，没有新鲜感，是否有想自制一套主题的冲动。这里介绍如何自定义一个属于个人的主题，下面的操作全是在sublime text2上进行。

sublime text自带了好几种主题：All Hallow's Eve,Amy,Blackboard,Dawn,IDLE,LAZY,Mac Classic,Monokai等等，默认使用的就是Monokai这个主题。

第一种自定义主题的办法就是在线编辑主题，这里介绍自定义主题的网站：http://tmtheme-editor.herokuapp.com，我们打开，也是Monokai这个主题。

这里可以对你Monokai主题进行修改，然后Down下来，放到Sublime Text 2\Packages\Color Scheme - Default目录下，修改名称或者替换原来的Monokai，如buejee.tmTheme，然后打开Sublime Text 2，依次选择Preferences->Color Scheme->Color Scheme - Default->选择刚才保存下来的主题。

这种方式的修改，最终应用到sublime text上，效果不对，还需要再次修改，接下来介绍的第二种方式，比较直观，但是需要下载安装colorschemeeditor这个插件。

第二种自定义主题方式：需要先安装colorschemeeditor插件。安装插件的前提，需要有package control，这个安装就不说了，网上有很多。需要在sublime中，执行一个脚本。有了package control，我们通过快捷键ctrl+shift+p，调出输入命令界面，输入package install或者p i，然后选择 Package Control:Install Package，然后回车。

等待插件安装的输入框出现，然后输入colorschemeeditor，选中第一项，然后安装。

安装成功之后，打开一个html,或者js文件，然后shift+F12，出现分屏展示html文件和主题文件。

 

如图，点击div元素属性class，会直接跳转到theme文件的Tag attribute这里，然后修改颜色或者字体。想怎么改就怎么改。如果需要修改背景，点击空白的地方，会跳转到background这里，选择自己喜欢的背景色，设置就可以了。

这种方法修改，也有一些地方修改不到，比如<div>这个标签，标签名可以找到，但是标签开始<，结束>都无法找到，只能使用默认的前景色。

最后，贴上我的一个主题样式效果：

html

css

 

js