Sublime Text 2, 3の使いやすいテーマのまとめ

Post on:2014年1月9日

sponsors

Sublime Text 2や3で利用できるシンプルで見やすく、使いやすいテーマを紹介します。
使い慣れたテーマももちろんいいですが、新しいテーマにすると気分も一新され、やる気がアップしますよね。

テーマファイルをSublime Textにインストールする方法は、一番下に。

Spacegray
Ocean Dark（キャプチャ）, Ocean Light, Eighties Dark の3種類。シンプル好きな方は一度お試しを。
僕は只今、「Ocean Light」を使用中〜♪

itg.flat
Retinaにも非Retinaディスプレイにも対応したフラットなテーマ。Dark, Lightの2種類があり、カラーは増える予定です。

Watson Theme
使いやすいようUIをカスタマイズしたSublime Text 3用のテーマ。

Flatland
サイドバーがとても分かりやすいデザインです。

Soda Theme
定番のSoda Themeは2種類、Soda Light（キャプチャ）, Soda Dark。

Toy Chest
フラットなスタイルでよく見かけるカラーがかわいいテーマ。

Dracula Theme
ダーク系のドラキュラのテーマ。名前がいいねｗ

Centurion
グラデーションや1pxのエッジなど一切省いたシンプルなテーマ。

Nexus Theme
ブルーのアクセントカラーが美しいNexusのテーマ。

Farzher
ウェブ制作者が使いやすいようBright（キャプチャ）, Dark, Neonの3種類を用意。

Phoenix Theme
Light Blue（キャプチャ）だけでなく、Light3種類、Dark7種類が用意されたテーマ。

テーマファイルをSublime Textにインストールする方法

テーマのインストール方法は、主に2種類あります。

まずは、Package ControlをSublime Textにインストールします。

Sublime Textのメニュー [View - Show Console]でコンソールを表示します。
Installation -PackageからSublime Text 2用または3用のコードをコピーして、コンソールにペーストして、Enterキーを押します。
メッセージが表示され、Sublime Textを再起動して、完了です。
完了すると、メニュー [Tools]から「Command Pallete」が利用できるようになります。

Package Controlからテーマをインストールします。

テーマをアクティブにするには、下記の手順です。

Sublime Textのメニュー [Preferences - Settin-User]を選択し、設定ファイルを開きます。
設定ファイルに、各テーマ用のコードを記述し、再起動するばテーマが反映されます。
Spacegrayだと、下記のようになります（※各テーマごとにコードが異なります）。

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

Package Controlで設定ファイルを触るのが怖い人は、こちらが安全です。

テーマファイルをダウンロードします。
※zipで用意されていないテーマもあります。
ファイルを解凍して、Sublime Text内の「Packages」フォルダ内に移動します。「Packages」フォルダは、メニュー [Preferences - Browse Packages」で表示できます。
※Spacegrayの場合は、ファイル名を「Theme - Spacegray」に変更して移動します。
Sublime Textを再起動します。

テーマをアクティブにするには、下記の手順です。