より見やすく、使いやすくなるsublime textテーマ8つ


より見やすく、使いやすくなるsublime textテーマ8つ

どうもですはやちです(ノ)◜ω◝(ヾ)

最近『龍が如く維新』にどっぷりはまっております。
畑仕事と釣りと別宅のローン返済が楽しくて本編のストーリーが進みません。
龍が如くシリーズは毎回寄り道してしまいます( ˘ω˘)

 

どうでもいいですねc⌒っ´ʘ‿ʘ`)っ

 

今回はLIGのデザイナーチームで半数以上のメンバーが使用している『sublime text』がより見やすく、使いやすくなるデザインテーマをご紹介いたします。

テーマを変えてみよう

まずテーマの変更方法をご紹介します。

テーマをインストールする

Control + Shift + pで呼び出して

Package Control: Install Packageを選びます( ˘ω˘)☝

img1

そのあとにパッケージ一覧が表示されますのでthemeで絞り込み、お好みのものを選びましょう( ˘ω˘)☝

img2

これでインストールは完了です。

テーマを反映させる。

Control + Shift + pで呼び出して、

Preferences:Settings-Userを選びます( ˘ω˘)☝

img3

それぞれのテーマにコードがあるので、それをコピペしてsublimeを再起動しますと、

img4

テーマが反映されます。テーマの設定方法はこれで以上になります( ˘ω˘)☝

オススメテーマ8選

ここからは私のオススメテーマを8つ紹介します。

Flatland Theme

theme1

https://github.com/thinkpixellab/flatland

サイドバーのフォルダや下のアイコンがフラット目なデザインになるテーマです。

アイコンがあるとわかりやすいですね( ˘ω˘)

設定コード

"color_scheme": "Packages/Theme - Flatland/Flatland Dark.tmTheme",
"theme": "Flatland Dark.sublime-theme"

Spacegray

theme2

http://kkga.github.io/spacegray/

落ち着いた紺色の背景がとてもかっこいいです( ˘ω˘)

設定コード

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

Farzher

theme3

https://github.com/farzher/Sublime-Text-Themes

コーディングに使いやすそうなカラーテーマです。

カラー分けがしっかりされているのでこちらも使いやすそうですね( ˘ω˘)

私は「WebDeveloperBright」をオススメしたいです( ˘ω˘)

設定コード

"color_scheme": "Packages/Theme - Farzher/WebDeveloperBright.tmTheme",

cobalt2 Theme

theme4

http://wesbos.com/cobalt2-theme-sublime-text-2/

青みが強いカラーテーマ、はやちは個人的にこの色すきです( ˘ω˘)

設定コード

"color_scheme": "Packages/Theme - Cobalt2/cobalt2.tmTheme"
"theme": "Cobalt2.sublime-theme",

ITG.FLAT

theme5

http://itsthatguy.com/post/70191573560/sublime-text-theme-itg-flat

フラット調のカラーとタブのテーマかわいいですね( ˘ω˘)

カレントされるカラーが豊富です!

設定コード

"color_scheme": "Packages/Theme - itg.flat/itg.dark.tmTheme",

"theme": "itg.flat.dark.sublime-theme" //ダークカラーデフォルト
"theme": "itg.flat.dark.aqua.sublime-theme" //水色
"theme": "itg.flat.dark.blue.sublime-theme" //青
"theme": "itg.flat.dark.green.sublime-theme" //緑
"theme": "itg.flat.dark.orange.sublime-theme" //オレンジ
"theme": "itg.flat.dark.yellow.sublime-theme" //ベージュベース

Orchis

theme6

https://sublime.wbond.net/packages/Theme%20-%20Orchis

グレーとパープルの組み合わせが素敵ですね( ˘ω˘)

背景が薄いグレーのliteタイプもございます。

設定コード

"theme": "Orchis Dark.sublime-theme" //darkタイプ

"theme": "Orchis Light.sublime-theme" //liteタイプ

Piatto Theme

theme7

https://sublime.wbond.net/packages/Theme%20-%20Piatto
白ベースで爽やかな色合いのテーマ( ˘ω˘)

たまにはコーディングも爽やかにいきたいものですね。

設定コード

"color_scheme": "Packages/Theme - Piatto/Piatto Light.tmTheme",
"overlay_scroll_bars": "enabled"

Nil

theme8

https://sublime.wbond.net/packages/Theme%20-%20Nil

タブのラインが鮮やかなネオンカラーなテーマです。

こちらもかっこいいです( ˘ω˘)

設定コード

"theme": "Nil.sublime-theme"//darkタイプ

"theme": "Ayin.sublime-theme"//liteタイプ

まとめ

いかがでしょうか? アイコンが変わるタイプのテーマは見た目だけでなく使い勝手もかなりよくなります!

ご紹介したテーマ以外にも隠れているいいテーマがあるんじゃないかと思うので、自分にあったデザインテーマを探してみてはいかがでしょうか( ˘ω˘)☝

この記事を書いた人

はやち
はやち フロントエンドエンジニア 2010年入社
フロントエンドエンジニアのはやちです( ˘ω˘)☝
以前までは顔隠しておりましたが思い切ることにしました…。
相変わらず顔文字乱舞ですがブログもコーディングも楽しくやっていこうと思います✌(´ʘ‿ʘ`)✌
今までに作ったDemoたちはGithubにて公開しております!よろしければ是非( ˘ω˘)☞三☞シュッシュッ

こちらもおすすめ

Web制作者のためのSublime Textの教科書 今すぐ最高のエディタを使いこなすプロのノウハウ

Web制作者のためのSublime Textの教科書 今すぐ最高のエディタを使いこなすプロのノウハウ

  • 著者上野正大,杉本 淳,前川昌幸,森田 壮
  • 価格¥ 2,592(2015/11/26 11:52時点)
  • 出版日2014/03/20
  • 商品ランキング61,669位
  • 単行本(ソフトカバー)256ページ
  • ISBN-104844335677
  • ISBN-139784844335672
  • 出版社インプレスジャパン