最近
Xcodeを使ってから、どうしてもデフォルトのカラーテーマに馴染めず、コードが読みにくい。
今までも元祖SublimeText3やDreamWeaver、TeraPad、TexEditor、Coda、CotEditor、Atom、VisualStudio、VisualStudioCode、Brackets、 etc…と「Monokai」を愛して止まない…!!
だからこそXcodeでもお気に入りの「Monokai」のカラーテーマでアプリ開発がしたい!
デフォルトのままで良いという方も、ぜひこの記事を読んで素敵な「Monokai」ライフを送っていただければ幸いです。
じゃあ早速Xcodeのテーマを「Monokai」に変えていこうか!!
テーマの変更手順
- 「Monokai」をダウンロードする
- 「Monokai」をXcodeにインストールする
- Xcodeで「Monokai」を選択する
1. 「Monokai」をダウンロードする
- 「Monokai」のテーマをダウンロードします。
- 今回は例として、benmartenさんのMonokaiXcodeというテーマをダウンロードします。
- 「○○.xccolortheme」がXcodeのカラーテーマのファイルです。
- 簡単にダウンロードする方法はzipでダウンロードすることです。
- Download ZIPではなく、直接ファイル単体をダウンロードしても、gitでCloneしてもOKです。
GitHub – benmarten/MonokaiXcode: Monokai Theme for Xcode
![]() |
---|
ダウンロード方法 |
2. 「Monokai」をXcodeにインストールする
zipフォルダを展開し、「○○xccolortheme」を以下のパスの下にコピーします。
「FontAndColorThemes」フォルダは自分で新規作成します。
~/Library/Developer/Xcode/UserData/FontAndColorThemes/
次のようになっていればテーマがXcodeに認識されます。

3. Xcodeで「Monokai」を選択する
- 0.Xcodeを(再)起動します。
- 1.
Xcode > Preference
をクリックします。 - 2.
Preference >Fonts & Colors
で、Themesから「Monokai」を選択することでテーマを反映することができます。
![]() |
![]() |
---|---|
1 | 2 |
おすすめの「Monokai」カラーテーマ一覧
Xcode(version 11)で使用可能なカラーテーマのダウンロード先の一覧を示します。
Monokaiでも製作者によって、様々な配色があります。
1. benmarten/MonokaiXcode

GitHub – benmarten/MonokaiXcode: Monokai Theme for Xcode
- 私はこれが一番、SublimeText3に近いテーマだと思います。
- 特に水色、黄色が良い感じのカラーコードです。
2. halcyonmobile/ xcode -monokai-revisited

GitHub – halcyonmobile/xcode-monokai-revisited: Monokai Revisited Xcode Theme
- カラフルが多いです。
- revisitedとは再訪という意味です。
3. a-voronov/Xcode 11 Monokai Theme 🎨

Xcode 11 Monokai Theme 🎨 · GitHub
- このテーマは全体的に色が落ちている感じがします。
4. benjohnde/ xcode -themes/Monokai.xccolortheme

xcode-themes/Monokai.xccolortheme at master · benjohnde/xcode-themes · GitHub
緑・青系統をベースにしているので、目に優しい配色にしているのだと思います。
5. hdoria/ xcode -themes/Monokai Inconsolata.dvtcolortheme

xcode-themes/Monokai Inconsolata.dvtcolortheme at master · hdoria/xcode-themes · GitHub
revisitedの配色の順序を変えたようなテーマです。
最後に
- XcodeのカラーテーマをSublimeText風「Monokai」に変更する方法を説明しました。
- やっぱ「Monokai」すこすこのすこだ。。。
参考
[1] Xcodeのカラーテーマをデフォルトから卒業する – Qiita
動作環境
以下の環境で実施しています。
- MacOS Mojave
- Xcode Version 11.1 (11A1027)〜11.3
- テーマ
- benmarten/MonokaiXcode: Monokai Theme for Xcode – Github
- halcyonmobile/xcode-monokai-revisited: Monokai Revisited Xcode Theme – GitHub
- a-voronov/Xcode 11 Monokai Theme 🎨 · GitHub
- xcode-themes/Monokai.xccolortheme at master · benjohnde/xcode-themes · GitHub
- xcode-themes/Monokai Inconsolata.dvtcolortheme at master · hdoria/xcode-themes · GitHub