ハマケン100%開発: Sublime Text 2で既存ThemeのColor Schemeを編集する方法

2014年8月25日月曜日

Sublime Text 2で既存ThemeのColor Schemeを編集する方法

Sublime Text 2には沢山の拡張テーマがあって、気に入ったひとつを選ぶのに困りますね。テーマ全体は結構満足してても、一部分だけ変更したいということもあるでしょう。

僕が普段使っているテーマは、itg.flatというテーマで、その中の itg.dark というColor Schemeを使用しています。
ただ、こちらのColor Schemeは、コメントの色が暗くてとても読みづらいのが難点でした。
そこで、拡張テーマのColor Schemeを編集する方法を調べました。

テスト環境

Mac OS X 10.8.5
Sublime Text 2 ver.2.0.2

以下は、既に itg.flat がインストールされているものとして説明しています。

まず、拡張テーマの設定ファイルを探しに出かけましょう。

Finderメニューの「移動」をクリックしてAltキーを押して下さい。
「ライブラリ」という項目が現れるので、それを選択しライブラリフォルダを開きます。
そこから、Application Support/Sublime Text 2/Packages/Theme - itg.flat/ と、フォルダ階層を潜っていき、itg.dark.tmThemeというファイルを見つけます。

見つけたらそのファイルを複製し、例えば itg.drak2.tmTheme という自分の好きなファイル名で保存して下さい。(拡張子は変更してはダメですよ)

保存すると itg.dark2 というColor SchemeがPreferenceから選ぶことが出来るようになります。Sublime Text 2 > Preferences > Color Scheme > Theme - itg.flat の中から選択して下さい。

次にコメントの色コードを変更してみます。

先ほどの itg.dark2.tmTheme ファイルをSublime Text 2で開きます。
開いたら、commentというキーワードで検索して下さい。

検索で見つけた箇所のブロックに色コードを設定しているところがあります。
その色コードを自分の好きな色に変更して、ファイルを保存します。(下図参照)

<dict>
    <key>name</key>
    <string>Comment</string>
    <key>scope</key>
    <string>comment</string>
    <key>settings</key>
    <dict>
        <key>foreground</key>
        <string>#a0a8f0</string> <!-- コメントの色コード -->
    </dict>
</dict>

保存すると直ぐにその設定が反映されるので、気に入る設定ができるまで何度でもリトライしましょう！

参考記事