Quantcast
Channel: Vimタグが付けられた新着記事 - Qiita
Viewing all articles
Browse latest Browse all 5608

【厳選】形から入る人のための  こだわり Vim / NeoVim カラースキーマ まとめ

$
0
0

Colorsheme(カラースキーマ)とは?

エディタの背景色や文字色を色分けして表示してくれるスクリプト。
Vimではデフォルトでいくつか用意されている。

ここでは

  • エディタは形(見た目)から入る人
  • Solarizedなど有名なテーマではなく、人とは違うテーマにしたい人
  • 今のテーマにマンネリ化してきた人

を対象にあくまで個人的に好みのカラースキーマを紹介する。

どうやって使うの?

vimrcなどに

" NeoBundle
NeoBundle 'tomasr/molokai'" dein
[[plugins]]
repo ='tomasr/molokai'

とかで追記してインストールした後、

colorscheme molokai

syntaxon" 256色¬sett_Co=256¬
" truecolor¬set termguicolors
" 背景色¬setbackground=dark¬

こだわりのカラースキーマ

lucius

jonathanfilip/vim-lucius

687474703a2f2f692e696d6775722e636f6d2f486d7738732e706e67.png

一番はじめに一目惚れしたカラースキーマ。
どこかやさしい感じで、目に優しそう。
ベースとなる背景の設定が10種類用意されている。

Statuslineにlightlineを使わせてもらっているが、
lightlineのテーマのwombatと相性が良さそう。

monokai

tomasr/molokai
687474703a2f2f7777772e77696e746572646f6d2e636f6d2f7765626c6f672f636f6e74656e742f62696e6172792f57696e646f77734c6976655772697465722f4d6f6c6f6b6169666f7256696d5f383630322f6d6f6c6f6b61695f6f726967696e616c5f736d616c6c5f332e706e67.png

いわずと知れた有名カラースキーマ。
ビビッドな配色で、だれもが一度は試している?
sublime textのデフォルトテーマでもある。

atom dark

gosukiwi/vim-atom-dark

687474703a2f2f692e696d6775722e636f6d2f7877304f5a48422e706e67.png

GitHubが開発したオープンソースのテキストエディタで知られるAtomの
デフォルトテーマ。
青と緑を貴重としていてクールな印象。
デフォルトのlightlineともマッチしているのがうれしい。

lucario

raphamorim/lucario

vim.png

2011~2012年頃から注目されているフラットデザインで
使われている配色パターンをもとに作成されている。
青がかった背景が特徴で、vim以外のエディタにもテーマが用意されている。

material

jdkanani/vim-material-theme

687474703a2f2f692e696d6775722e636f6d2f564e78637635332e706e67.png

こちらもデザイン手法をもとに作成されたテーマで、
Googleが発表したマテリアルデザインで使われる配色をベースとしている。
モダンな雰囲気をかもしだせる。

tender

jacoborus/tender.vim

7780885a-782e-11e6-8e88-150cfc70e35b.png

僕が現在使用しているテーマ。
githubのトレンドでも上位にきており、
tmuxやiTermでも対応しはじめた24bitでのTrue Colorに対応している。
lightlineとairlineのテーマも用意されている。

Screen Shot 2016-10-19 at 14.43.47.png

こんな感じのUIになっており
次は形から入る人のためのプログラミング用フォントなどをまとめる予定


Viewing all articles
Browse latest Browse all 5608

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>