より見やすく、使いやすくなる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

https://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

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

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

設定コード

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

ITG.FLAT

theme5

https://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タイプ

まとめ

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

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

LIGはWebサイト制作を支援しています。ご興味のある方は事業ぺージをぜひご覧ください。

Webサイト制作の実績・料金を見る

この記事のシェア数

はやち
はやち フロントエンドエンジニア / 林 佳代子

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

このメンバーの記事をもっと読む