Qiita Teams that are logged in
You are not logged in to any team

Log in to Qiita Team
Community
OrganizationAdvent CalendarQiitadon (β)
Service
Qiita JobsQiita ZineQiita Blog
Help us understand the problem. What is going on with this article?

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

More than 5 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

y-temp4
フリーランスエンジニア。Webのフロントエンドが好きです。お仕事のご相談はTwitterのDMまで!
https://y-temp4.com
techtrain
プロのエンジニアを目指すU30(30歳以下)の方に現役エンジニアにメンタリングもらえるコミュニティです。
https://techbowl.co.jp/techtrain/
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away