この記事は
Atomを半透明にするとvim-mode-plusのカーソルが見えなくなってしまったので、カーソルを表示させるためのスタイルシートの設定を書きます。
vim-mode-plus以外の設定等はこちらや下の参考URLを参照してください。
Atomのウィンドウを透過させる方法
この辺が参考になります。ソースからビルドする必要があります。
Atomのウィンドウを半透明にする方法
Atomで透過ウインドウにする
src/main-process/atom-window.coffee
のoption
にtransparent: true
を追加してビルドすればOKです。
スタイルシートの設定は上記のサイトを参考にしてください。
vim-mode-plus用のスタイルシート
vim-mode-plusを使っている場合、コマンドモード時のカーソルが全く見えなくなってしまうので、style.less
でカーソルの色と透明度を指定します。
.cursor
と.blink-off .cursor
で指定した色が交互に表示されますが、同じにしておけば点滅しなくなります。
※ベースはこちらからコピーさせてもらってますが、このサイトはvim-mode-plusでなく、vim-modeなので、そこだけ変更してます。
atom-text-editor.vim-mode-plus.normal-mode,
atom-text-editor.vim-mode-plus.operator-pending-mode,
atom-text-editor.vim-mode-plus.visual-mode
{
// &, // only keep this if you want to see the cursor on non-focused tabs
&.is-focused {
// &::shadow, // shadow-DOM enabled
& // shadow-DOM disabled
{
// cursor color
.cursor {
// cursor styles
background-color: rgb(90, 90, 250) !important;
opacity: 0.6 !important;
// visibility: visible !important;
}
.blink-off .cursor {
// cursor style while blinking (if you so desire)
background-color: rgb(90, 90, 250) !important;
opacity: 0.6 !important;
// visibility: visible !important;
}
}
}
}
以上です。