GitHub 'bwya77/vscode-dark-islands' 트렌딩… easemate IDE 영감 받은 VS Code 다크 테마, 글래스 패널·둥근 모서리·Custom UI Style 기반

bwya77가 공개한 Visual Studio Code 색상 테마 'vscode-dark-islands'(별칭 Islands Dark)가 GitHub 트렌딩에 올랐다. 누적 7,571개 스타와 일간 665개 스타를 기록 중이며, easemate IDE에서 영감을 받은 다크 테마로 떠 있는 글래스(glass) 패널, 둥근 모서리, 부드러운 애니메이션, 정제된 UI를 특징으로 한다.

캔버스는 깊은 어둠(canvas #131217) 위에 패널이 떠 있는 구조다. 패널 경계에는 방향성 광원을 시뮬레이션한 글래스 효과(상단·좌측은 밝고 하단·우측은 은은함)가 적용됐으며, 사이드바·에디터·하단 패널·우측 사이드바·알림·커맨드 팔레트 등 모든 패널과 위젯에 둥근 모서리가 적용된다.

액티비티 바는 글래스 인셋 그림자가 적용된 알약(pill) 형태로 원형 선택 표시기를 갖췄고, 커맨드 센터도 동일한 알약 형태에 글래스 효과를 입혔다. 브레드크럼 바와 상태 바는 호버하지 않을 때 어두워지며, 탭 닫기 버튼은 호버 시 페이드 인된다. 스크롤바 손잡이도 알약 형태에 페이드 트랜지션이 적용됐고, 사이드바 선택·스크롤바·상태 바 전반에 부드러운 전환 애니메이션이 들어갔다.

구문 강조는 따뜻한 톤으로 JavaScript/TypeScript, Python, Go, Rust, HTML/CSS, JSON, YAML, 마크다운을 폭넓게 지원한다. 폰트는 에디터에 IBM Plex Mono, 터미널에 FiraCode Nerd Font Mono를 사용하며, 사이드바·탭·커맨드 센터·상태 바에는 저장소에 동봉된 Bear Sans UI가 적용된다. 파일 아이콘에는 색상이 매칭된 글로우(glow) 효과가 들어가는데, Seti Folder 아이콘 테마와 함께 사용할 때 가장 잘 작동한다.

테마는 두 부분으로 구성된다. 첫 번째는 VS Code 색상 테마이고, 두 번째는 떠 있는 글래스 패널 룩을 만드는 CSS 커스터마이즈다. CSS 커스터마이즈는 'Custom UI Style' 확장(작성자 subframe7536)을 통해 VS Code에 주입되며, 활성화 후 'corrupt installation' 경고가 표시될 수 있으나 정상 동작이다.

가장 빠른 설치는 부트스트랩 스크립트다. macOS·리눅스에서는 bootstrap.sh를 curl로, 윈도우 PowerShell에서는 bootstrap.ps1을 irm으로 받아 실행하면 된다. 저장소를 git clone한 뒤 install.sh 또는 install.ps1을 실행하는 방식도 지원한다. 스크립트는 Islands Dark 테마 설치, Custom UI Style 확장 설치, Bear Sans UI 폰트 설치, 기존 설정 백업 후 Islands Dark 설정 적용, Custom UI Style 활성화 및 VS Code 재시작까지 자동화한다.

수동 설치 시에는 저장소를 클론한 뒤 package.json과 themes 디렉터리를 ~/.vscode/extensions/bwya77.islands-dark-1.0.0/(윈도우는 %USERPROFILE%\.vscode\extensions\bwya77.islands-dark-1.0.0)로 복사한다. 함께 사용할 의존성으로 'Custom UI Style'(subframe7536)과 'Seti Folder' 아이콘 테마(l-igh-t)를 마켓플레이스에서 설치해야 하며, IBM Plex Mono·FiraCode Nerd Font Mono는 별도 설치가 필요하다.

룩앤필의 핵심 속성은 .monaco-workbench의 CSS 커스텀 프로퍼티로 제어한다. 기본값은 패널 모서리 24px(--islands-panel-radius), 위젯 모서리 14px(--islands-widget-radius), 입력창 모서리 12px(--islands-input-radius), 리스트·탭 등 항목 모서리 6px(--islands-item-radius)이다. 패널 간 여백은 8px(--islands-panel-gap, --islands-panel-top), 캔버스 배경은 #121216(--islands-bg-canvas), 표면 배경은 #181a1d(--islands-bg-surface)다. 모든 값을 8px로 설정하면 더 각진 룩이 된다.

Nix 사용자는 사전 구성된 VS Code 또는 VSCodium을 'nix run github:bwya77/vscode-dark-islands#vscode'(혹은 #vscodium)로 즉시 실행할 수 있다. NixOS·Home Manager 설정에서는 플레이크 입력으로 github:bwya77/vscode-dark-islands를 추가해 패키지로 사용할 수 있으며, 이 플레이크는 Custom UI Style 확장, Seti Folder 아이콘 테마, Bear Sans UI·IBM Plex Mono·FiraCode Nerd Font 등 권장 폰트를 모두 자동 포함한다.