「ayu插件」打造一套炫酷好看的Sublime Text3 主题

打造一套炫酷的 $SublimeText3$ 主题— $ayu$

一. $ayu$插件提供了三种主题以及三种配色方案，效果如下图：

$1.ayu-light$

$2.ayu-mirage$

$3.ayu-dark$

二. 安装插件ayu

• 快捷键$ctrl+shift+p$ 打开$packagecontrol$
• 输入$installpackage$，选择$PackageControl:InstallPackage$选项
• 输入$ayu$，选择第一个按下$enter$

三. 设置Sublime主题

• $ayu$插件实际上提供了三种$Theme$以及三种$ColorScheme$，其中$ColorTheme$是指中间代码编辑区的背景颜色以及代码高亮颜色配置，而$Theme$则是指其余部分的背景颜色以及文件夹显示的方式，下面介绍两种设置ayu主题的方式
  • 第一种方法：$SublimeText$ $\Rightarrow$ $Preferences$ $\Rightarrow$ $Theme...$和$ColorScheme...$最下面三个选项就是$ayu$提供的，效果已在上文展示
    
    
  • 第二种方法：$SublimeText$ $\Rightarrow$ $Preferences$ $\Rightarrow$ $Settings$
    
    然后在右边打开的$Preferences.sublime-setting--user$里面加入如下命令中的一种：

    "theme": "ayu-light.sublime-theme",
    "color_scheme": "Packages/ayu/ayu-light.sublime-color-scheme",
    

    "theme": "ayu-mirage.sublime-theme",
    "color_scheme": "Packages/ayu/ayu-mirage.sublime-color-scheme",
    

    "theme": "ayu-dark.sublime-theme",
    "color_scheme": "Packages/ayu/ayu-dark.sublime-color-scheme",
    

• 个人认为，$ayu$提供的三种$Theme$已经能满足不同用户的喜好了，就是这个$ColorScheme$太少，可供选择的配色方案不是很多，那么这里我也提供两种增加$ColorScheme$的方法：
  • 先放上链接：github，里面的所有以$.tmTheme$为后缀的单个文件就是一种配置好的$ColorScheme$，你可以把它下载下来然后放到相对应的存放主题文件的位置，然后在上述的设置$ColorTheme$那里，选项里面就会自动添加你刚才添加的配色方案，至于把这个$.tmTheme$的文件放到哪儿，因为系统或者安装路径不一样，所以这个位置可能不一样，提供一种比较简单的查看路径的做法：
    首先找到New Build System选项并选中
    然后$ctrl+s$，就会出现下面的这样一个界面，就找到了$.tmTheme$该放的位置了
    
    博主愚钝，如果有其他好的方法希望可以留言，下面那张图是我自己用的的配色（比较简单清新的配色），用的就是$ayu-dark$加上面提供的那些配色里面的$legacy.tmTheme$，其他的配色读者可以自己下载看一下。
    
  • 当然还有一些自定义配色方案的方法，而且不用你自己去写一份配置的代码，你之用鼠标选择你想要的配色，然后他会自动生成配置文件，这也太舒服了吧！！！可是我还没试过，先放上链接：自定义配色网站，选择好各种颜色后点击上面的$download$就能下载你配置的$.tmTheme$文件了

四. 参考

• https://github.com/dempfi/ayu