「恋に落ちるテキストエディタ(The text editor you’ll fall in love with)」として人気の Sublime Text。無料で使え、動作も軽く、豊富なプラグインが揃っているだけでなく、自由なテーマカラーを適用できるのも人気の理由のひとつでしょう。
今回は、Sublime Text でのウェブ制作をより快適にしてくれる、新しいテーマを見ていきましょう。美しい配色のテーマを中心に、コードも読みやすいものをセレクトしています。作業スピードをあげる拡張プラグインも一緒に確認してみてはいかがでしょう。
詳細は以下から。
テーマのインストール方法
テーマをインストールするには、Package Control を利用します。手順は以下の通りです。
Ctrl
+Shift
+P
(Windows)、Command
+Shift
+P
Package Control: Install Package
と入力してEnter
。- テーマを見つけたら
Enter
を入力したら、インストールは完了です。 - テーマを選択するには、ツールバーより Preferences -> Settings – User を選択して、お好みのテーマを選びましょう。
2016年版Sublime Text テーマ一覧
Boxy
- 4種類のテーマが用意されており、補色カラーを利用したすっきりとした見た目。
- エディタのビジュアルを調整できる豊富なオプション機能。
{ // Boxy Yesterday "color_scheme": "Packages/Boxy Theme/schemes/Boxy Yesterday.tmTheme", "theme": "Boxy Yesterday.sublime-theme", }
// Boxy Tomorrow "color_scheme": "Packages/Boxy Theme/schemes/Boxy Tomorrow.tmTheme", "theme": "Boxy Tomorrow.sublime-theme",
{ // Boxy Ocean "color_scheme": "Packages/Boxy Theme/schemes/Boxy Ocean.tmTheme", "theme": "Boxy Ocean.sublime-theme",
{ // Boxy Monokai "color_scheme": "Packages/Boxy Theme/schemes/Boxy Monokai.tmTheme", "theme": "Boxy Monokai.sublime-theme", }
Material Theme
- 詳しくまとめられたドキュメンテーションに、カスタマイズ可能な豊富なオプション機能。
- 追加カスタマイズできるプラグインも同時に公開されています。
Material Theme on Package Control
{ // Default theme "theme": "Material-Theme.sublime-theme", "color_scheme": "Packages/Material Theme/schemes/Material-Theme.tmTheme" }
{ // Darker theme "theme": "Material-Theme-Darker.sublime-theme", "color_scheme": "Packages/Material Theme/schemes/Material-Theme-Darker.tmTheme" }
{ // Lighter theme "theme": "Material-Theme-Lighter.sublime-theme", "color_scheme": "Packages/Material Theme/schemes/Material-Theme-Lighter.tmTheme" }
Agila
- 読みやすいゆったりとしたスペースのファイルツリー。
- Agila Oceanic は人気テーマSpecegray Themeに似た雰囲気。
{ // Default theme "theme": "Agila.sublime-theme", "color_scheme": "Packages/Agila Theme/Agila Oceanic Next.tmTheme" }
{ // Classic theme "theme": "Agila Classic.sublime-theme", "color_scheme": "Packages/Agila Theme/Agila Classic Oceanic Next.tmTheme" }
{ // Light theme "theme": "Agila Light.sublime-theme", "color_scheme": "Packages/Agila Theme/Agila Light Solarized.tmTheme" }
Lanzhou
- base16 Ocean Dark は読みやすさを考慮したコントラスト。
{ "theme": "Lanzhou.sublime-theme", "color_scheme": "Packages/Theme - Lanzhou/base16-ocean.dark.tmTheme" }
Sunrise
{ "theme": "Sunrise.sublime-theme" }
Kronuz
- Soda Dark と Afterglow テーマをベースに。
{ "theme": "Theme - Kronuz.sublime-theme", "color_scheme": "Packages/Theme - Kronuz/Kronuz.tmTheme" }
Autumn
- 色分けされたファイルツリーが素敵。
- Monokai テーマは特にオススメ。
{ "theme": "Autumn.sublime-theme", "color_scheme": "Packages/Theme - Autumn/Autumn.tmTheme" }
Ayu
- シンプルでよく考えられたテーマ。
- 一日中快適に利用できる Dark と Light テーマを用意。
{ // Ayu Light "theme": "ayu-light.sublime-theme", "color_scheme": "Packages/ayu/ayu-light.tmTheme", }
{ // Ayu Mirage "theme": "ayu-mirage.sublime-theme", "color_scheme": "Packages/ayu/ayu-mirage.tmTheme", }
{ // 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