UX/UI fontsize customzing at atom editor

아톰 에디터에서 UX/UI 글씨크기 바꾸기

블로그 작성을 위해서 아톰 editor를 사용하는데 왼쪽 프로젝트의 파일 목록이 나오는 부분과, 파일명을 보여주는 부분의 글씨가 너무 작아서 불편함을 느끼고 있었다. 운영체제의 디스플레이 세팅을 통해서 글씨를 키워볼까 했는데 다른 부분은 모두 만족하고 사용하고 있었기 때문에 건들이기 싫었고 atom의 글씨 크기만 바꾸고 싶었다.

그래서 검색!

그리고 찾았다!! 아래는 해당 링크 https://github.com/atom/atom/issues/2530

좀 더 자세히 설명을 남기자면 메뉴에서 settings를 찾아 들어가면 왼쪽 메뉴 맨 밑에 Open Config Folder라는 버튼이 있다. 해당 버튼을 누르면 아톰설정을 입맛에 맞게 customizing 할 수 있는 폴더 구성이 나오는데 fontsize를 바꾸기 위해서는 가장 밑에 있는 styles.less파일을 열고 아래 코드를 붙여넣기 하면 된다. (글씨 크기는 본인이 원하는 만큼 알아서 적용하자)

@font-size: 15px;
html, body, .tree-view, .tab-bar .tab {
  font-size: @font-size;
}