CLion 에 VScode 다크플러스 테마(Dark plus theme) 적용 방법

본 글에서는 VScode(Visual Studio Code) 의 기본 테마인 다크플러스 테마를 CLion 에 적용하는 방법을 소개한다.

개인적으로는 여러 IDE나 편집기 테마 중에서 VScode 의 다크플러스 테마와 글꼴을 가장 선호한다.

 

본 글에서 사용된 CLion 및 VScode 의 버전은 다음과 같다.

• CLion : 2019.2 (2019. 7. 23.) (Windows 10 pro)
• VScode : 1.36.1 (2019. 7. 8.) (Windows 10 pro)

 

다음은 IntelliJ 테마가 적용되어 있는 CLion 의 화면이다. 많은 개발자들이 그렇듯 개인적으로는 흰색 화면보다 검은 화면(다크모드)을 선호한다.

IntelliJ 테마가 적용된 CLion 화면

 

다음과 같은 방법을 통해 CLion 에 VScode 의 다크플러스 테마를 적용할 수 있다.

 

1. CLion 의 File → Settings 메뉴를 선택하여 Settings 창을 띄운다.

CLion Settings 팝업창

 

2. 팝업창 좌측 메뉴에서 Plugins 메뉴를 선택한다.

CLion Plugin 창

 

3. Marketplace 탭에서 "visual studio code"를 검색하면, "Visual Studio Code Dark Plus Theme" 항목이 검색된다.

Visual Studo Code Dark Plus Theme 플러그인 검색

 

4. 해당 항목에서 Install 버튼을 눌러 플러그인을 설치한 후, 해당 버튼이 Restart IDE 로 변경되면 버튼을 클릭하여 CLion 을 재실행한다.

플러그인 설치 완료 후 CLion 재실행

 

5. 다시 File → Settings 메뉴를 선택하여 Settings 팝업창을 띄운 후, 팝업창 좌측 메뉴 중 Appearance & Behavior → Appearance 항목을 선택한다. Theme 드롭박스에서 "Visual Studio Code Dark Plus"를 선택 후 OK 버튼을 클릭하여 적용한다.

Visual Studio Code Dark Plus 테마 설정

 

6. VScode 다크플러스 테마가 적용된 것을 확인할 수 있다. VScode 와 완전히 같지는 않지만, 상당히 유사하다.

VScode 다크플러스 테마가 적용된 CLion

 

7. VScode 와 동일한 글꼴을 사용하도록 설정한다.

• VScode 의 기본 글꼴은 "Consolas, 'Courier New', monospace" 로 설정되어 있다. CLion 에서도 Consolas 를 사용하도록 설정한다.
• Settings 팝업창 좌측 메뉴에서 Editor → Font 메뉴를 선택한 후, Font 드롭박스에서 Consolas 를 선택한 후 OK 버튼을 클릭해서 적용한다.
• Fallback font 는 주 글꼴에서 지원하지 않는 심볼에 적용되는 글꼴로써, 보통 주 글꼴이 한글을 지원하지 않을 경우 한글을 위한 글꼴로 사용한다. 여기서는 나눔고딕코딩 글꼴을 선택하였다.

CLion 글꼴 설정

 

위와 같은 방법을 통해, 완전 동일하지는 않지만 상당히 유사한 VScode 의 다크플러스 테마를 CLion 에도 적용하여 사용할 수 있다.