sublime html主题,2015 和 2016 最好 Sublime Text 3 主题

2016年?package control 中最好的Sublime Text 3 主题。

eb3feaf87af00eb45dcb373b0b8473d4.png

Sublime Text是一个强大的令人难以置信的编辑器。 它不仅具有大量的功能,而且还有很多主题,让他看起来很漂亮。 我们以前整理过2014年的最好的主题; 让我们看看最新的Sublime Text 3主题。

安装主题

要安装主题,请先先安装 Package Control,接下来的步骤如下:

ctrl + shift + p?或?cmd + shift + p

查找?Package Control: Install Package

搜索主题并按回车键(enter)

查看?Preferences -> Settings – User 中的主题,如果要修改主题,只要编辑json中 theme 选项就可以了

{

"theme": "Lanzhou.sublime-theme"

}

注:下面主题截图中使用的是Operator Mono字体。

Boxy

拥有四个高品质的主题和多个配色方案。

各种各样的选项来调整编辑器的每个视觉细节。

{

// Boxy Yesterday

"color_scheme": "Packages/Boxy Theme/schemes/Boxy Yesterday.tmTheme",

"theme": "Boxy Yesterday.sublime-theme",

}

765b34e9c31fc6b2b3120ff136bce856.png

{

// Boxy Tomorrow

"color_scheme": "Packages/Boxy Theme/schemes/Boxy Tomorrow.tmTheme",

"theme": "Boxy Tomorrow.sublime-theme",

}

8da69868d8f542571481a8c9ea3a321d.png

{

// Boxy Ocean

"color_scheme": "Packages/Boxy Theme/schemes/Boxy Ocean.tmTheme",

"theme": "Boxy Ocean.sublime-theme",

}

b9c5b2a6db83d024cdaf2f911eb99402.png

{

// Boxy Monokai

"color_scheme": "Packages/Boxy Theme/schemes/Boxy Monokai.tmTheme",

"theme": "Boxy Monokai.sublime-theme",

}

6552b2cfc34e1f095682dadb88c35dfa.png

Material Theme

非常完善的文档和大量的选项用来自定义。

{

// Default theme

"theme": "Material-Theme.sublime-theme",

"color_scheme": "Packages/Material Theme/schemes/Material-Theme.tmTheme"

}

785fb92205f5f9564e5a08abba617cdc.png

{

// Darker theme

"theme": "Material-Theme-Darker.sublime-theme",

"color_scheme": "Packages/Material Theme/schemes/Material-Theme-Darker.tmTheme"

}

72c68fefdc883a6d4bcf9ccb08c9dfa3.png

{

// Lighter theme

"theme": "Material-Theme-Lighter.sublime-theme",

"color_scheme": "Packages/Material Theme/schemes/Material-Theme-Lighter.tmTheme"

}

d7e98b12fb1eeb87a2e10a0015bfdef1.png

Agila

文件树中间距很大的文件夹,以便于阅读。

Agila Oceanic和流行的Spacegray主题有种类似的感觉。

{

// Default theme

"theme": "Agila.sublime-theme",

"color_scheme": "Packages/Agila Theme/Agila Oceanic Next.tmTheme"

}

c704dc0077a4a4237ef23e37637037e5.png

{

// Classic theme

"theme": "Agila Classic.sublime-theme",

"color_scheme": "Packages/Agila Theme/Agila Classic Oceanic Next.tmTheme"

}

c84f56bf28c960eee98903421591ba55.png

{

// Light theme

"theme": "Agila Light.sublime-theme",

"color_scheme": "Packages/Agila Theme/Agila Light Solarized.tmTheme"

}

257a3274ed570372159d830cb91df06f.png

Lanzhou

边栏和编辑器之间的良好对比,如果你使用暗颜色方案,和Base16 Ocean Dark类似。

{

"theme": "Lanzhou.sublime-theme",

"color_scheme": "Packages/Theme - Lanzhou/base16-ocean.dark.tmTheme"

}

6ad09bbda0cd0557e60a914b9a7b64b2.png

Sunrise

{

"theme": "Sunrise.sublime-theme"

}

d479f1b789dbcdecc732506661765398.png

Kronuz

{

"theme": "Theme - Kronuz.sublime-theme",

"color_scheme": "Packages/Theme - Kronuz/Kronuz.tmTheme"

}

e4e2ea3b81e804888203e3b2184ce158.png

Autumn

在文件树上有一种很酷的透视效果。

看起来很像Monokai。

{

"theme": "Autumn.sublime-theme",

"color_scheme": "Packages/Theme - Autumn/Autumn.tmTheme"

}

5f4dbadcfb5dceb281e0f95def247f05.png

选择主题的几个小建议

每个人的眼睛看到的颜色是不同,找一个背景和文本之间有良好的对比主题。

当你的眼睛累了,或者深夜的时候,你可以考虑使用Flux类似的软件。

试试Colorsublime,它允许您在Sublime Text中立即更改当前的颜色方案。

189c857a9f9c4dff93216295247bae59.gif

结论

到目前为止,我最喜欢的主题和配色方案是Boxy Monokai,第二个是Agila。还有,我发现这些主题的配色方案针对不同的文件(ES6, ReactJS/JSX, 或者 HTML)有不同的语法高亮。

如果你喜欢其他的主题或配色方案,欢迎留言告知。

Sublime Text 相关优秀的文章

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值