sublime常用主题---

 

1

小编推荐：掘金是一个高质量的技术社区，从 ECMAScript 6 到 Vue.js，性能优化到开源类库，让你不错过前端开发的每一个技术干货。各大应用市场搜索「掘金」即可下载APP，技术干货尽在掌握..

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

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

安装主题

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

1. ctrl + shift + p 或 cmd + shift + p
2. 查找 Package Control: Install Package
3. 搜索主题并按回车键（enter）
4. 查看 Preferences -> Settings – User 中的主题，如果要修改主题，只要编辑json中 theme 选项就可以了

js 代码:

1. {
2. "theme": "Lanzhou.sublime-theme"
3. }

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

---

Boxy

• 拥有四个高品质的主题和多个配色方案。
• 各种各样的选项来调整编辑器的每个视觉细节。

在 Package Control 中查看 Boxy

js 代码:

1. {
2. // Boxy Yesterday
3. "color_scheme": "Packages/Boxy Theme/schemes/Boxy Yesterday.tmTheme",
4. "theme": "Boxy Yesterday.sublime-theme",
5. }

js 代码:

1. {
2. // Boxy Tomorrow
3. "color_scheme": "Packages/Boxy Theme/schemes/Boxy Tomorrow.tmTheme",
4. "theme": "Boxy Tomorrow.sublime-theme",
5. }

js 代码:

1. {
2. // Boxy Ocean
3. "color_scheme": "Packages/Boxy Theme/schemes/Boxy Ocean.tmTheme",
4. "theme": "Boxy Ocean.sublime-theme",
5. }

js 代码:

1. {
2. // Boxy Monokai
3. "color_scheme": "Packages/Boxy Theme/schemes/Boxy Monokai.tmTheme",
4. "theme": "Boxy Monokai.sublime-theme",
5. }

Material Theme

• 非常完善的文档和大量的选项用来自定义。
• 作者创建了插件用于更多定制。
  • White panels and inputs
  • Appbar

在 Package Control 中查看 Material Theme

js 代码:

1. {
2. // Default theme
3. "theme": "Material-Theme.sublime-theme",
4. "color_scheme": "Packages/Material Theme/schemes/Material-Theme.tmTheme"
5. }

js 代码:

1. {
2. // Darker theme
3. "theme": "Material-Theme-Darker.sublime-theme",
4. "color_scheme": "Packages/Material Theme/schemes/Material-Theme-Darker.tmTheme"
5. }

js 代码:

1. {
2. // Lighter theme
3. "theme": "Material-Theme-Lighter.sublime-theme",
4. "color_scheme": "Packages/Material Theme/schemes/Material-Theme-Lighter.tmTheme"
5. }

Agila

• 文件树中间距很大的文件夹，以便于阅读。
• Agila Oceanic和流行的Spacegray主题有种类似的感觉。

在 Package Control中查看Agila

js 代码:

1. {
2. // Default theme
3. "theme": "Agila.sublime-theme",
4. "color_scheme": "Packages/Agila Theme/Agila Oceanic Next.tmTheme"
5. }

js 代码:

1. {
2. // Classic theme
3. "theme": "Agila Classic.sublime-theme",
4. "color_scheme": "Packages/Agila Theme/Agila Classic Oceanic Next.tmTheme"
5. }

js 代码:

1. {
2. // Light theme
3. "theme": "Agila Light.sublime-theme",
4. "color_scheme": "Packages/Agila Theme/Agila Light Solarized.tmTheme"
5. }

Lanzhou

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

在Package Control中查看 Lanszhou

js 代码:

1. {
2. "theme": "Lanzhou.sublime-theme",
3. "color_scheme": "Packages/Theme - Lanzhou/base16-ocean.dark.tmTheme"
4. }

Sunrise

在Package Control中查看 Sunrise

js 代码:

1. {
2. "theme": "Sunrise.sublime-theme"
3. }

Kronuz

• 基于 Soda Dark 和 Afterglow.

在Package Control中查看 Kronuz

js 代码:

1. {
2. "theme": "Theme - Kronuz.sublime-theme",
3. "color_scheme": "Packages/Theme - Kronuz/Kronuz.tmTheme"
4. }

Autumn

• 在文件树上有一种很酷的透视效果。
• 看起来很像Monokai。

在Package Control中查看 Autumn

js 代码:

1. {
2. "theme": "Autumn.sublime-theme",
3. "color_scheme": "Packages/Theme - Autumn/Autumn.tmTheme"
4. }

---

选择主题的几个小建议

• 每个人的眼睛看到的颜色是不同，找一个背景和文本之间有良好的对比主题。
• 当你的眼睛累了，或者深夜的时候，你可以考虑使用Flux类似的软件。
• 试试Colorsublime，它允许您在Sublime Text中立即更改当前的颜色方案。

---

结论

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