Sublime Text3の作業が捗る!オススメの人気テーマ18個まとめ 2016年版

sublime-text-theme-2016

 

「恋に落ちるテキストエディタ(The text editor you’ll fall in love with)」として人気の Sublime Text。無料で使え、動作も軽く、豊富なプラグインが揃っているだけでなく、自由なテーマカラーを適用できるのも人気の理由のひとつでしょう。

 

今回は、Sublime Text でのウェブ制作をより快適にしてくれる、新しいテーマを見ていきましょう。美しい配色のテーマを中心に、コードも読みやすいものをセレクトしています。作業スピードをあげる拡張プラグインも一緒に確認してみてはいかがでしょう。

 

Web開発を爆速にする!Sublime Text 用のすごい拡張プラグイン厳選15個まとめ

 

 

詳細は以下から。

 

 

 

テーマのインストール方法

 

テーマをインストールするには、Package Control を利用します。手順は以下の通りです。

 

  1. Ctrl + Shift + P(Windows)、Command + Shift + P
  2. Package Control: Install Packageと入力してEnter
  3. テーマを見つけたらEnterを入力したら、インストールは完了です。
  4. テーマを選択するには、ツールバーより Preferences -> Settings – User を選択して、お好みのテーマを選びましょう。

 

 

2016年版Sublime Text テーマ一覧

Boxy

  • 4種類のテーマが用意されており、補色カラーを利用したすっきりとした見た目。
  • エディタのビジュアルを調整できる豊富なオプション機能。

sublime-text-theme-1

 

{
    // Boxy Yesterday
    "color_scheme": "Packages/Boxy Theme/schemes/Boxy Yesterday.tmTheme",
    "theme": "Boxy Yesterday.sublime-theme",
}

 

 

sublime-text-theme-2

 

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

 

 

sublime-text-theme-3

 

{
    // Boxy Ocean
    "color_scheme": "Packages/Boxy Theme/schemes/Boxy Ocean.tmTheme",
    "theme": "Boxy Ocean.sublime-theme",

 

 

sublime-text-theme-4

 

{
    // Boxy Monokai
    "color_scheme": "Packages/Boxy Theme/schemes/Boxy Monokai.tmTheme",
    "theme": "Boxy Monokai.sublime-theme",
}

 

 

Material Theme

  • 詳しくまとめられたドキュメンテーションに、カスタマイズ可能な豊富なオプション機能。
  • 追加カスタマイズできるプラグインも同時に公開されています。

Material Theme on Package Control

 

sublime-text-theme-5

 

{
    // Default theme
    "theme": "Material-Theme.sublime-theme",
    "color_scheme": "Packages/Material Theme/schemes/Material-Theme.tmTheme"
}

 

 

sublime-text-theme-6

 

{
    // Darker theme
    "theme": "Material-Theme-Darker.sublime-theme",
    "color_scheme": "Packages/Material Theme/schemes/Material-Theme-Darker.tmTheme"
}

 

 

sublime-text-theme-7

 

{
    // Lighter theme
    "theme": "Material-Theme-Lighter.sublime-theme",
    "color_scheme": "Packages/Material Theme/schemes/Material-Theme-Lighter.tmTheme"
}

 

 

Agila

  • 読みやすいゆったりとしたスペースのファイルツリー。
  • Agila Oceanic は人気テーマSpecegray Themeに似た雰囲気。

Agila on Package Control

 

sublime-text-theme-8

 

{
    // Default theme
    "theme": "Agila.sublime-theme",
    "color_scheme": "Packages/Agila Theme/Agila Oceanic Next.tmTheme"
}

 

 

sublime-text-theme-9

 

{
    // Classic theme
    "theme": "Agila Classic.sublime-theme",
    "color_scheme": "Packages/Agila Theme/Agila Classic Oceanic Next.tmTheme"
}

 

 

sublime-text-theme-10

 

{
    // Light theme
    "theme": "Agila Light.sublime-theme",
    "color_scheme": "Packages/Agila Theme/Agila Light Solarized.tmTheme"
}

 

 

Lanzhou

  • base16 Ocean Dark は読みやすさを考慮したコントラスト。

Lanszhou on Package Control

 

sublime-text-theme-11

 

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

 

 

Sunrise

Sunrise on Package Control

sublime-text-theme-12

 

{
    "theme": "Sunrise.sublime-theme"
}

 

 

Kronuz

  • Soda Dark と Afterglow テーマをベースに。

 

Kronuz on Package Control

sublime-text-theme-13

 

{
    "theme": "Theme - Kronuz.sublime-theme",
    "color_scheme": "Packages/Theme - Kronuz/Kronuz.tmTheme"
}

 

 

Autumn

  • 色分けされたファイルツリーが素敵。
  • Monokai テーマは特にオススメ。

 

Autumn on Package Control

sublime-text-theme-14

 

{
    "theme": "Autumn.sublime-theme",
    "color_scheme": "Packages/Theme - Autumn/Autumn.tmTheme"
}

 

 

Ayu

  • シンプルでよく考えられたテーマ。
  • 一日中快適に利用できる Dark と Light テーマを用意。

 

Ayu on Package Control

sublime-text-theme-15

 

{
    // Ayu Light
    "theme": "ayu-light.sublime-theme",
    "color_scheme": "Packages/ayu/ayu-light.tmTheme",
}

 

 

sublime-text-theme-16

 

{
    // Ayu Mirage
    "theme": "ayu-mirage.sublime-theme",
    "color_scheme": "Packages/ayu/ayu-mirage.tmTheme",
}

 

 

sublime-text-theme-17

 

{
    // Ayu Dark
    "theme": "ayu-dark.sublime-theme",
    "color_scheme": "Packages/ayu/ayu-dark.tmTheme",
}

 

 

 

テーマを選ぶときのポイント

  • 人によって色の見え方は異なるので、背景と文字テキストのコントラストがあるものを見つけてみましょう。
  • 作業で目が疲れてきたり、夜中に作業をするときは Flux などのアプリを検討し、目の疲れを軽減すると良いでしょう。
  • Colorsublime を利用することで、Sublime Text 内でテーマカラーを瞬時に変更することができます。

 

海外サイト Scotch.io で公開された Best Sublime Text 3 Themes of 2015 and 2016 の著者 Michael J. Calkins より許可をもらい、翻訳転載しています。

 

参照元リンク : Best Sublime Text 3 Themes of 2015 and 2016 – Sctoch.io