【Xcode】カラーテーマ Monokai おすすめ5選!

wp_tmb_xcode-monokai

最近

Xcodeを使ってから、どうしてもデフォルトのカラーテーマに馴染めず、コードが読みにくい。
今までも元祖SublimeText3やDreamWeaver、TeraPad、TexEditor、Coda、CotEditor、Atom、VisualStudio、VisualStudioCode、Brackets、 etc…と「Monokai」を愛して止まない…!!
だからこそXcodeでもお気に入りの「Monokai」のカラーテーマでアプリ開発がしたい!

デフォルトのままで良いという方も、ぜひこの記事を読んで素敵な「Monokai」ライフを送っていただければ幸いです。

じゃあ早速Xcodeのテーマを「Monokai」に変えていこうか!!

テーマの変更手順

  1. 「Monokai」をダウンロードする
  2. 「Monokai」をXcodeにインストールする
  3. Xcodeで「Monokai」を選択する

1. 「Monokai」をダウンロードする

  • 「Monokai」のテーマをダウンロードします。
    • 今回は例として、benmartenさんのMonokaiXcodeというテーマをダウンロードします。
  • 「○○.xccolortheme」がXcodeのカラーテーマのファイルです。
  • 簡単にダウンロードする方法はzipでダウンロードすることです。
  • Download ZIPではなく、直接ファイル単体をダウンロードしても、gitでCloneしてもOKです。

GitHub – benmarten/MonokaiXcode: Monokai Theme for Xcode

f:id:koshishirai:20200503182319p:plain
ダウンロード方法

2. 「Monokai」をXcodeにインストールする

zipフォルダを展開し、「○○xccolortheme」を以下のパスの下にコピーします。

「FontAndColorThemes」フォルダは自分で新規作成します。

~/Library/Developer/Xcode/UserData/FontAndColorThemes/

次のようになっていればテーマがXcodeに認識されます。

f:id:koshishirai:20200503181840p:plain

3. Xcodeで「Monokai」を選択する

  • 0.Xcodeを(再)起動します。
  • 1.Xcode > Preference をクリックします。
  • 2.Preference >Fonts & Colorsで、Themesから「Monokai」を選択することでテーマを反映することができます。
f:id:koshishirai:20200503181446p:plain f:id:koshishirai:20200516214450p:plain:w400
1 2

おすすめの「Monokai」カラーテーマ一覧

Xcode(version 11)で使用可能なカラーテーマのダウンロード先の一覧を示します。

Monokaiでも製作者によって、様々な配色があります。

1. benmarten/MonokaiXcode

f:id:koshishirai:20200517085849p:plain:w800

GitHub – benmarten/MonokaiXcode: Monokai Theme for Xcode

  • 私はこれが一番、SublimeText3に近いテーマだと思います。
  • 特に水色、黄色が良い感じのカラーコードです。

2. halcyonmobile/ xcode -monokai-revisited

f:id:koshishirai:20200517090133p:plain:w800

GitHub – halcyonmobile/xcode-monokai-revisited: Monokai Revisited Xcode Theme

  • カラフルが多いです。
  • revisitedとは再訪という意味です。

3. a-voronov/Xcode 11 Monokai Theme 🎨

f:id:koshishirai:20200517090208p:plain:w800

Xcode 11 Monokai Theme 🎨 · GitHub

  • このテーマは全体的に色が落ちている感じがします。

4. benjohnde/ xcode -themes/Monokai.xccolortheme

f:id:koshishirai:20200517090241p:plain:w800

xcode-themes/Monokai.xccolortheme at master · benjohnde/xcode-themes · GitHub

緑・青系統をベースにしているので、目に優しい配色にしているのだと思います。

5. hdoria/ xcode -themes/Monokai Inconsolata.dvtcolortheme

f:id:koshishirai:20200517090316p:plain:w800

xcode-themes/Monokai Inconsolata.dvtcolortheme at master · hdoria/xcode-themes · GitHub

revisitedの配色の順序を変えたようなテーマです。

最後に

  • XcodeのカラーテーマをSublimeText風「Monokai」に変更する方法を説明しました。
  • やっぱ「Monokai」すこすこのすこだ。。。

参考

[1] Xcodeのカラーテーマをデフォルトから卒業する – Qiita

動作環境

以下の環境で実施しています。