cdredfox/workbuddy-skin-studio
JavaScript0 / 0
로컬 CDP 주입으로 WorkBuddy 데스크톱에 이미지 기반 테마를 실시간 적용하고 메뉴에서 즉시 전환한다.
TL;DR
이 프로젝트는 WorkBuddy 데스크톱의 설치 파일을 수정하지 않고 로컬 CDP를 통해 CSS 변수와 DOM을 주입해 이미지 하나로 테마를 생성하고 즉시 적용하는 도구이다. 툴은 WorkBuddy를 --remote-debugging-port로 재시작해 renderer를 찾아 Runtime.evaluate로 스타일과 우측 상단 메뉴를 삽입하며 색상 추출과 localStorage 기반 영구화를 지원한다. 이 방식은 앱 서명을 보존하면서 라이트·다크 자동 적응과 빠른 전환을 제공하나 CDP 주입 특성상 WorkBuddy를 수동 재실행하면 주입이 해제되므로 재적용이 필요하다.
핵심 포인트
- 비파괴적 CDP 주입 방식을 사용해 app.asar와 설치 디렉토리를 변경하지 않고 테마를 적용한다.
- 이미지 하나에서 자동 색상 추출과 webp 압축을 거쳐 즉시 사용할 수 있는 테마를 생성하고 localStorage에 보관한다.
- WorkBuddy의 data-vscode-theme-kind을 기준으로 라이트/다크 전환을 자동으로 적용해 네이티브 컨트롤과 시각적 일관성을 유지한다.
- 즉시 전환한다. 테마 적용 시 WorkBuddy 우측 상단에 테마 메뉴가 추가되어 설치된 테마와 원본 인터페이스 간을 클릭으로 지연 없이 전환할 수 있다. 전환 동작은 런타임에서 DOM과 CSS를 주입해 수행된다.
이미지 분석



56
STARS
13
FORKS
+204
TRENDING
0
조회수
관련 토론
아직 관련 토론이 없습니다.
댓글
댓글을 작성하려면 로그인이 필요합니다.