CodePen - 코드펜 에디터(editor) 테마 변경하기

---

Pen 개발 창 밝게 바꿔 보기

---

 

안녕하세요.

고코더 입니다.

 

 

● 1. 코드펜은 기본적으로 다크 테마가 기본입니다. 익숙하기도 합니다. 하지만 간혹 어두운 테마를 싫어하는 개발자도 있고, 우리의 눈은 흰 바탕에 검은 글자가 가장 이상적이라는 글을 본 기억도 있습니다. 사람마다 성향이 다르므로 코드 펜에서는 여러 가지 테마를 준비해놓았습니다. 이번 시간에는 좀 밝은 버전으로 에디터 창을 변경해보겠습니다.

 

● 2. 로그인 후에 프로필을 클릭해 Settings를 클릭합니다. 

 

● 3. 그리고 왼쪽 탭에서 "Editor Preferences"을 클릭합니다. 에디터의 설정을 바꿀 수 있는 공간입니다. 그러면 테마를 바꿀 수 있는 기능이 맨 위에 보이게 됩니다.

 

● 4. 여기서 "Light Themes"에서 "Classic"을 클릭하면 즉시 변경이 완료되고 상단에는 보일 예시가 나타납니다. Save 버튼은 따로 없습니다. 이제 에디터 창으로 이동합니다.

 

● 5. 에디터 창을 다시 열어보니 이전과 달리 어두운 테마가 아닌 밝은 테마로 펜 개발이 가능하게 되었습니다.

 

---

마무리

---

 

어두운 거 싫은 분은 변경해서 사용해보세요.