LoginSignup
10
11

More than 5 years have passed since last update.

SublimeTextのサイドバーのファイルアイコンを変える

Posted at

SublimeTextサイドバーのファイルアイコン, 設定してあると識別しやすくなって便利ですよね. このアイコンをカスタマイズする方法を書きます.

SetiUI-Icons-Sublimeを使う

すべてのファイル形式のアイコンを自分で設定するのはめんどくさいので, こちらのレポジトリを利用します.
https://github.com/mrmartineau/SetiUI-Icons-Sublime

使い方

レポジトリのマニュアルの翻訳です.

  • zipをダウンロードしてくる
  • Packages/User/以下に解凍して, 現在設定しているテーマのディレクトリ名に変更(テーマのディレクトリがあるならば中身をその中に入れれば大丈夫?)
  • 解凍したディレクトリの中に, 現在のテーマ名.sublime-theme というファイルを作成
  • SublimeTextを再起動

すると, 以下のようにアイコンが設定されます.

Screen Shot 2016-02-05 at 19.18.12.png

自己流にカスタマイズ

この状態でも十分ですが, 未定義のファイル形式のものやテーマによっては見づらいアイコンもあります.
そこで, 先ほど解凍したディレクトリに設定を追加してアイコンをカスタマイズする方法を書きます.

  1. +res/file-types/に追加するファイル形式のファイルを作る(確認用)
  2. 16*16, 32*32のファイルアイコンを検索してダウンロードしてくる
  3. icons/以下を参考に, それぞれfile_type_ファイル形式.png, file_type_ファイル形式@2x.pngに変更してicons/以下に置く
  4. icon_ファイル形式.tmPreferencesをすでにある他の形式からコピーして作成
  5. tmPreferences内の<string>の中身を変えたいファイル形式に変更
  6. SublimeTextを再起動

たとえば, Haskellのアイコンを設定するとこんな感じになります.
Screen Shot 2016-02-05 at 19.30.34.png

他にも, チーズバーガーのアイコンをダウンロードしてきて, file_type_c++.pngとして保存すれば,
Screen Shot 2016-02-05 at 19.41.43.png

こんな感じにできちゃいます.

参考

チーズバーガーのアイコンはこちらからダウンロードしました
http://www.flaticon.com/free-icon/big-cheeseburger_80155#term=hamburger&page=1&position=8

10
11
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
10
11