Atomパッケージのhighlight-lineでハイライトする際の色を変更する


はじめに

この記事では,Atomで現在の行をハイライトするプラグイン,highlight-lineでハイライトする際の色を変更する方法について解説します.

highlight-lineプラグインの変更

Atomでhighlight-lineを開く

Macなら「Cmd-Shift-P」,Windowsなら「Ctrl-Shift-P」でコマンドパレットを開き,図のようにdevを入力しApplication: Open Devを選択してください.その後 highlight-line(~/.atom/packages/highlight-line)を開いてください.

※必ずしも必要な作業ではありませんが,普通に編集する場合,内容の変更を確認するためにAtomを開き直す必要があります.

line-colors.lessを編集

プロジェクトを開いたら,stylesフォルダ下のline-colors.lessを編集します.
lineColourは現在の行に引かれる線の色を指定しており,cursorBackgroundでは現在の行の背景をハイライトする色を指定しています.
デフォルトではlineColourは黄色,cursorBackgroundは薄いグレー系の色になっています.

line-colors.less
@lineColour: yellow;
@cursorBackground: rgba(100, 100, 100, 0.3);

lineColourとcursorBackgroundを下記のように青系の色に変更してみます(//でコメントアウト).

line-colors.less
// @lineColour: yellow;
// @cursorBackground: rgba(100, 100, 100, 0.3);
@lineColour: rgba(89,0,255,1);
@cursorBackground:rgba(0,243,200,0.1);

色を変更することができました.