vimの自動補完プラグインYMC (YouCompleteMe)のポップアップメニューの色を変える方法🏁


 結果

この用にvimで大人気のプラグインYouCompleteme(以下YCM)ポップアップ部分の色を変えるやり方。

YCMはIDEのように入力に合わせて自動で補完候補を出してくれるvim用プラグインです。知らなかった方は今すぐ使ってみましょう。

https://github.com/Valloric/YouCompleteMe

動機

vim-quantumというMaterial Designなスキーマを入れているのですが、初期状態だとYCMのポップアップが読みずらい😥

なので変える方法はないかなーって思ったところあったので投稿することにしました。

やり方

  1. vimでは使える色が限られているようなのでどの色が使えるのか把握する必要があります。

:runtime syntax/colortest.vimをvimのコマンドにコピペして実行してください。こんな結果が出るはずです。

ここに表示されているのがvimで使える色のリストです。gvim(macvim)などではヘックスも使えるようです。

参考: vimdoc

2. ~/.vimrcでPmenuの設定をします。

.vimrcに次のようにコピペしてください。以下のコードでは選択されていない候補の文字を白、背景を黒。そして、選択されている候補の文字を白、背景をグレーに変えています。

.vimrc
highlight Pmenu ctermfg=white ctermbg=black
highlight PmenuSel ctermfg=white ctermbg=gray

Pmenu: 選択されていない候補の設定
PmenuSel: 選択されている候補の設定
ctermfg: 文字の色の設定
ctermbg: 背景色の設定

ちなみの自分の.vimrcのスニペットです。

.vimrc
" Change popup menu color for non selected items
highlight Pmenu ctermfg=lightgrey ctermbg=black 
" Change popup menu color for selected item
highlight PmenuSel ctermfg=white ctermbg=gray

highlight PmenuSel ctermfg=white ctermbg=gray guifg=#000000 guibg=#ffffff
こんな風にしてgvimの設定もできるらしいのですが自分はいじってません。。。

詳細は:h Pmenuコマンドをvimで実行してください。
またはStackOverFlowをどうぞ。
https://stackoverflow.com/questions/29628586/change-color-settings-in-you-complete-me

3.:wでセーブ、:source %で.vimrcのリロードを行ってください。

成功していたらこんな風に素晴らしいYouCompleteMeとvimによる素晴らしい開発環境が待ってますよ!vim楽しい!😆

私の育成中のドットファイルたちをみたいっていう物好きな方はこちらにどうぞ

🎉🎉🎉 Happy Coding with vim! 🎉🎉🎉

参考にしたサイト