안녕하세요, 👩🏻💻
오늘은 제가 눈 보호용으로 사용해 보고 괜찮았던
VS Code 테마 익스텐션 하나를 소개하려고 해요.
배경 이야기: Material Theme의 종료
그동안 저는 시력 보호용으로 Material Theme을 꾸준히 사용해 왔습니다.
하지만 2025년 1월부로 업데이트가 종료되었고,
더 이상 유지되지 않는다는 소식을 듣고 새로운 대체 테마를 발견했어요!
대안으로 찾은 ‘Vira Theme’
그렇게 발견한 게 바로 Vira Theme입니다.
처음엔 “그냥 비슷한 어두운 테마겠지?” 싶었는데,
직접 써보니 꽤 괜찮더라고요!
설치 방법
VS Code > Ctrl + Shift + X > 마켓플레이스에서 확정 검색 : Vira Theme 찾기 > 설치 클릭!
저는 기존에 설치했다가 다시 설치한 상태라 아래처럼 보여요. 참고만 해주세요 ^^
설치 후 추천 설정 조합
제가 실제로 적용해 보고 만족했던 설정 조합은 아래와 같아요:
Vira Theme 익스텐션 > "색 테마 설정", "파일 아이콘 테마 설정" 클릭하여 설정할 수 있답니다!
- 색 테마 설정 > Vira Theme > Graphene
- 파일 아이콘 테마 설정 > Vira Theme > Vira Icons Graphene
- Ctrl + Shift + P > Preferences: Open User Settings (JSON) > 아래 참고
원래는 Material Icon Theme 따로 설치해서 썼는데,
Vira Theme는 아이콘 테마까지 한 번에 설정할 수 있어요.
테마 + 아이콘 통일감이 있어서 개인적으로 만족도 높았어요!
사용 후 느낀 점
1. 눈이 편하고, 텍스트 가독성도 좋은 것 같아요 ^^
2. 깔끔하면서도 단조롭지 않은 컬러 구성! 특히 Graphene 색감 맘에 들어요
3. 설정 메뉴도 간단해서 빠르게 셋업 가능해요. (VS Code와 Cursor 둘 다 적용 가능)
4. 코딩할 때 컬러 구분이 잘 보여요 (적용 예시는 자바스크립트, 리액트로 코딩했을 경우)
5. 마지막으로 폴더 아이콘 너무 귀엽죠 ^^
마무리하며
매일 VS Code를 열고 수십 번 마주치는 화면이라면,
작은 컬러 차이 하나로도 집중력이 꽤 달라질 수 있어요.
혹시 저처럼 기존 테마가 종료되거나,
새로운 분위기를 찾고 계셨다면
Vira Theme 한 번 설치해서 써보셔도 좋을 것 같아요.
블로그에 찾아와 주셔서 감사합니다 ^^
'개발일지' 카테고리의 다른 글
| 왜 React보다 먼저 자바스크립트를 공부해야 할까? (4) | 2025.05.02 |
|---|---|
| 코딩은 몰랐고, 그냥 시작했어요 (6) | 2025.05.01 |
