Sublime Textのおしゃれなテーマ「ITG.FLAT」がおすすめ

Sublime textでコーディング作業をする際に、もう少し自分の好みに合ったエディタのデザインで仕事をしたいと思った時には、テーマの変更ができますので、いろいろためしてみましょう。

テーマのインストール

まずは、テーマのインストールです。まずは、いつもの、
「control＋shift＋p」で、「Package Control: Install Package」を選択。

次に、「theme」で絞り込むと様々なテーマが出てきますので、自分の好みに合ったものを選んでインストールします。

僕は、「itg.flat」というデザインが気に入ったので、これにすることにしました。

テーマを反映させる。

「Preferences」→「Settings-User」で、下記の記述を追加し、反映します。


　
"color_scheme": "Packages/User/SublimeLinter/itg.dark (SL).tmTheme",

"color_scheme": "Packages/User/SublimeLinter/itg.dark (SL).tmTheme",

フラットデザイン調のデザインとカラーがおしゃれでとても良いと思いました★

その他追加設定

このテーマは他にも追加で設定できますので、下記を参考にいろいろ試してみるとよいでしょう。


// small tabs
"itg_small_tabs": true
 
// Sidebar padding options
"itg_sidebar_tree_xsmall": true
"itg_sidebar_tree_small": true
"itg_sidebar_tree_medium": true
"itg_sidebar_tree_large": true
"itg_sidebar_tree_xlarge": true


// Scrollbar size options
"itg_scrollbar_small": true
"itg_scrollbar_medium": true

// if the scrollbar options aren't working, try setting the following
"overlay_scroll_bars": "disabled"

// small tabs

"itg_small_tabs": true

// Sidebar padding options

"itg_sidebar_tree_xsmall": true

"itg_sidebar_tree_small": true

"itg_sidebar_tree_medium": true

"itg_sidebar_tree_large": true

"itg_sidebar_tree_xlarge": true

// Scrollbar size options

"itg_scrollbar_small": true

"itg_scrollbar_medium": true

// if the scrollbar options aren't working, try setting the following

"overlay_scroll_bars": "disabled"　

参考

下記、サイトを参考にさせていただきました。ありがとうございます。

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

15.11.21　|　WEBデザイン制作・IT関連 KEiSoN★

Sublime Text を使いやすくするプラグイン設定11つ

Sublime Textで画像パスを補完してくれるプラグイン「AutoFileName」

この記事を書いた人

KEiSoN★ > facebook

スカイゴールド株式会社　代表取締役 / クリエイティブディレクター/webデザイナー

2009年1月よりフリーランスのディレクター/Webデザイナーとして活動しながら、ノマドな働き方を試み始める。
過去16カ国ほど訪れ、一眼レフにその景色を収めながら時々ドローンも飛ばす。2015年11月にスカイゴールド株式会社として法人化。
現在は主に東京を中心にしながら、タイ・バンコクを年間4,5回ほど往復しながら活動中。
Wordpressを使用したオリジナルデザイン制作・オウンドメディア構築を得意とする。
国内外の様々な価値観・デザインに接触することで幅広いクリエイティブや臨機応変にアイデアを提供する。
最近は、Shopify制作の勉強も行なっている。