【Sublime Text】おすすめしたいテーマを8つ紹介します

スポンサーリンク

 

この記事でわかること

  • Sublime Textのテーマの入れ方
  • Sublime Textのおすすめのテーマ
  • テーマを導入後の設定

Sublime Textはだいぶ使い慣れてきましてか?

Sublime Textを使いこなせて来たら「あー、見た目飽きてきたから変えたいな~」って考えると思います。

そこで今回は、私がおすすめするSublime Textのテーマを8つ紹介していきたいと思います!!

 

確かに、Sublime Textのデフォルトのテーマも良いですが、よりコードがはっきりと見え、使用感が良いテーマの方が作業効率も上がり、モチベーションにも繋がりますよね(^^♪

スポンサーリンク

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

Sublime Textでテーマをインストールするは…

  1. 「Ctrl(Command)+ Shift + p」でPackageControllを起動
  2. 「Package Control: Install Package」と入力
    (『install』を打つと出てきます)
  3. テーマの名前を入力してクリックorEnterでインストール

はい、ここまでは今まで通りプラグインのインストールする時と同じです。

次の設定からは一捻りありますよ!!

  1. 「Ctrl(Command)+ Shift + p」でPackageControllを起動
  2. 「preferences:settingsuser」と入力
  3. テーマにはそれぞれコードがあるので、コピー&ペーストしてSublime Textを再起動

という流れになります。

テーマのコードは紹介文の下に置いておくのでそこからコピーしてください。

Sublime Textのプラグインの記事はこちら
テーマのインストールの前に便利なプラグイン(拡張機能)を入れて、快適な作業環境を整えましょう♪
この記事では、おすすめのプラグインを10個紹介しています。
関連記事≫≫≫【Sublime Textのおすすめプラグイン】最初に入れておきたい10個の拡張機能
山田の自由研究

SublimeTextには多くのプラグイン(拡張機能)があります。プラグインを導入することによって作業がスムーズになった…

スポンサーリンク

Sublime Textのおすすめのテーマ

テーマをインストールするまでの流れはわかりましたか?

非常に簡単な作業ですが、テーマのインストール方法が分からないまま進めてしまうとSublime Textのソフト自体に影響が出る恐れがありますので、しっかり確認の上インストールしましょうね。

 

では、前置きが長くなってしまいましたが、Sublime Textのおすすめのテーマを紹介していきます。

バックカラーの変更でより見やすく、使いやすくなるテーマ『Farzher』


公式サイト

HTML、CSSをコーディングする上で、かなり使い勝手が良いカラーテーマ『Farzher』

色分けがしっかりしていて、デフォルトのテーマに比べて、打ち込んだコードがとても見やすくなりました。

 

テーマの色は「Bright(キャプチャ)」、「 Dark(ダーク)」、「Neon(ネオン)」の3種類が用意されていて自分好みの色を選ぶことが出来ます。

Web制作者でテーマ選びに迷ったらとりあえず『Farzher』を入れておけば間違いありません!!

{”color_scheme”: “Packages/Theme – Farzher/WebDeveloperBright.tmTheme”

Sublime Textで定番のテーマ『Spacegray』


公式サイト

Sublime Text2、Sublime Text3において最も定番と言えるテーマ。

実装できる色は、「Dark(ダーク)」、「Light(ライト)」、「Eighties(エイティーズ)」があります。

また、テーマ公式サイトにはサイドバー・メインエリアのフォントサイズの変更やタブの大きさを設定するコードが豊富にありとてもありがたい!!

 

「Dark」は少し青みががっていて落ち着いた雰囲気。

「Light」はMac Bookにとても合いそうな白。

「Eighties」はマットブラックで最高にクール!!

 

Web制作者、プログラマー問わずおすすめしたいテーマの一つです。

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

{ theme: Spacegray Light.sublime-theme, color_scheme: Packages/Theme – Spacegray/base16-ocean.light.tmTheme }

{ theme: Spacegray Eighties.sublime-theme, color_scheme: Packages/Theme – Spacegray/base16-eighties.dark.tmTheme }

SublimeText2とSublimeText3の両方に対応したテーマ『Soda』

sublimetext_soda

公式サイト

上と同じく、Sublime Text2とSublime Text3に対応したテーマです。

用意されている色は2種類。「Soda Dark」と「Soda Light」となっています。

 

「Soda Dark」は画像のやつですね。黒をメインカラーとして、サブカラーに青、紫と統一感のあるデザインでカッコいい♪

テーマの公式サイトにてタブ部分のアイコンを表示させるかどうかを設定できるのでお好みでどうぞ!!

{“theme”: “Soda Light.sublime-theme”}
{ “theme”: “Soda Light 3.sublime-theme”}

サイドバーに可愛いアイコンが表示されるテーマ『cobalt2 Theme』

sublimetext_cobalt2 Theme

公式サイト

サイドバーのアイコンがとにかく可愛いテーマ!!

見た瞬間に一目ぼれ…

メインエリアの青がかった感じもクールで格好いいですね(^^♪

ちなみに、サイドバーのアイコンがこれ。

可愛いでしょ!!

color_scheme: Packages/Theme – Cobalt2/cobalt2.tmTheme, theme: Cobalt2.sublime-theme, highlight_line: true, indent_guide_options: [ draw_normal, draw_active ], highlight_modified_tabs: true, line_padding_bottom: 1, line_padding_top: 1, wide_caret: true, caret_extra_bottom: 2, caret_extra_top: 2, caret_extra_width: 3, caret_style: phase, bold_folder_labels: true,

コードの色にメリハリをつけてより見やすくなるテーマ『Glacier』

sublimetext_Glacier01

公式サイト

メインエリアのカラーは黒、コードの色は黄色、他にも赤や水色を用いることでで初期テーマより格段に見やすくなっていますね。

サイドバーも程よく余白が開けられていて使用感はかなりのもの!!

{ “theme”: “Glacier.sublime-theme”, “color_scheme”: “Packages/Theme – Glacier/glacier.tmTheme”, “font_face”: “Ubuntu Mono” }

 

ダーク系のカラーがカッコいい『Tech49 』

sublimetext_Tech49

公式サイト

このダーク系の色合いに水色のフォントカラーが美しい。

まるで近未来のなにかしらみたいな雰囲気で作業している時のテンションもかなり上がります。

 

タブも扱いやすくていいですし、個人的にこの色使いは結構好み(^^♪

{ “theme”: “Tech49.sublime-theme” }

{ “color_scheme”: “Packages/Theme – Tech49/Tech49.tmTheme” }

Sublime Textのテーマ選びに迷ったらこれ!!『Flatland』

sublimetext_Flatland

公式サイト

プログラマーやWeb制作者問わず、Sublime Textのテーマ選びに迷ったら『Flatland』テーマにしておけば問題なしです!!

 

名前に偽りなくとてもフラットなテーマで見やすさ、使いやすさともに最高。

また、Sublime Text2/3に対応しているテーマなのでSublime Text2を利用している人も安心してご利用できます。

{ theme: Flatland Dark.sublime-theme, color_scheme: Packages/Theme – Flatland/Flatland Dark.tmTheme }

シンプルで考え抜かれたテーマ『Ayu』

sublimetext_ayu

公式サイト

画像を見てもらってわかる通り、かなりシンプルに構成されています。

しかし、タブやファイルツリーが少し小さくデザインされていてメインエリアをより見やすくする工夫がされていて、しっかり考え抜かれたテーマなのです!!

theme: ayu-dark.sublime-theme, color_scheme: Packages/ayu/ayu-dark.tmTheme,

theme: ayu-mirage.sublime-theme, color_scheme: Packages/ayu/ayu-mirage.tmTheme,

theme: ayu-light.sublime-theme, color_scheme: Packages/ayu/ayu-light.tmTheme,

自分好みのテーマは見つかりましたか?

私がおすすめするSublime Textのおすすめのテーマを紹介しましたが、お好みのテーマは見つかりましたか?

この記事が少しでも皆様の参考になれば幸いですm(__)m

Sublime Textの関連記事はこちら
Sublime Textのインストールから日本語化までの流れを出来るだけ分かりやすく説明しています
関連記事≫≫≫Sublime Textーインストール方法と日本語化【初心者にも分かりやすく】
山田の自由研究

Sublime TextはWeb関係者から絶大な人気を誇るテキストエディタです。しかし、ダウンロード時では英語表記のため…

SublimeTextおすすめのテーマ
最新情報をチェックしよう!