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
    评论
当初装sublime的时候在csdn上没找到比较好的插件合集 费了一点功夫自己整合了一下 该集合包括了多种常用插件emmet jsFormat git相关 以及css和php js jquery html5等语言的支持增强插件等 已安装utf8和gbk插件 完美支持中文输入 包含codeIntel和cTags Filediff 侧边栏增强等一系列插件方便开发使用 此外收集了网上的5套主题 多达40几种配色方案 支持自定义外观 默认主题为扁平化flatland 预览:http://lucifr.com/2013/04/12/flatland-theme-for-sublime-text-2/ 请阅读链接中的主题替换方法 以便之后完整替换主题 安装方法: 1.sublime text3版本: 打开sublime text3 依次点击工具栏中的preference->browse packages 到一个类似C:\Users\Adiministor\AppData\Roaming\Sublime Text 3\Packages 的目录 转到向上一级 C:\Users\Adiministor\AppData\Roaming\Sublime Text 3 下 把压缩包中的4个文件夹解压到这个路径覆盖即可 若有自己已定义的内容请先备份 之后再把自己的东西覆盖回去 2.sublime text2版本: 测试过sublime text2 同样通过上述方法可以到相应的路径中 (可能是C:\Users\Adiministor\AppData\Roaming\Sublime Text 2) 然后把压缩包中文件夹解压到C:\Users\Adiministor\AppData\Roaming\Sublime Text 2覆盖 接下来 最重要的一步!! 是到 C:\Users\Adiministor\AppData\Roaming\Sublime Text 2\Packages\User 这个路径下 把Default (Windows).sublime-keymap这个文件的内容全部删掉 或者只保留[]这两个符号 (这里面定义了一些系统默认快捷键 可能是sublime text2只支持32位? 如果不删除的话会导致st2无法启动) 我还是很懒的 喜欢把一些插件集合起来用 但是具体还是要看个人的需求吧 通过package control有太多的插件可供安装 希望这个插件集合能给大家带来一点小便利 方便刚装sublime text的用户哈

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值