Posted at

Atomでmonokaiテーマ使いたい人向けのおすすめテーマと組み合わせ集(UI Theme + Syntax Theme)

More than 3 years have passed since last update.

AtomのUI ThemeとSyntax Themeには、数多くのmonokai向けテーマがあります。

その中でも特におすすめのmonokaiテーマおよびその組み合わせをご紹介します。

記事の構成は各項目のタイトルを「UI Theme名 + Syntax Theme名」とし、下にAtomのインストールコマンドを記載しています(もとから入っているものは省略)。

スクリーンショット 2016-01-11 1.50.53.png


One Dark + Monokai

スクリーンショット 2016-01-11 1.18.28.png

一般的なMonokaiという感じで、かなりおすすめです。

画像では、One DarkのLayout ModeをCompactにしています。

$ apm install monokai


Atom Material + Monokai

スクリーンショット 2016-01-11 1.23.22.png

Material UI のUI Themeともわりと相性がいいです。

ただ、個人的にはMaterial UIが主張しすぎている気がするので使用していません。

$ apm install atom-material-ui

$ apm install monokai


Seti + Monokai

スクリーンショット 2016-01-11 1.30.12.png

Seti UI との組み合わせです。コード部分がサイドバーと異なり、やや薄くなっているのが特徴的です。

色みをサイドバーとコード部分で変えたい方は、この組み合わせがおすすめです。

$ apm install seti-ui

$ apm install monokai


Spacegray Monokai + Monokai

スクリーンショット 2016-01-11 1.33.51.png

サイドバーとタブのあたりがうすめのグレーで、シンプルなUIです。

若干タブの境界がわかりにくいかも?

$ apm install spacegray-monokai-ui

$ apm install monokai


One Dark + Atom Monokai Dark

スクリーンショット 2016-01-11 1.40.26.png

タブがすごい目立ちます。ただそれだけという感じ...

$ apm install atom-monokai-dark


One Dark + Dark Monokai Batch

スクリーンショット 2016-01-11 1.44.29.png

Dark Monokai Batchは少しクセのあるMonokaiテーマですが、これはこれで見やすいと思ったので掲載しておきます。

背景色が濃い黒色なのがいい感じです。

$ apm install dark-monokai-batch


さいごに

どうでしたか?実は他にもmonokaiテーマはあって、まだ試していないものや組み合わせもあるので今後試していきたいです。

ちなみに自分は「One Dark + Monokai」か「One Dark + Dark Monokai Batch」あたりをメインで使っていこうと思っています。


参考


Atom theme gallery