소개

이 기사에서는 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);

색상을 변경할 수있었습니다.