VScode Peek (참조 미리보기) 색상 설정

---

Peek (참조 미리보기) 색상 설정

 

VScode와 VS는 Alt+F12 로 참조를 미리보고 수정할 수 있는 굉장히 편한 기능을 제공한다

 

나는 Black테마를 좋아해서 Black테마로 적용했는데

 

Alt+F12눌렀을때도 완전 블랙으로 나와서 기존 코드와 구분이 잘 안갔다

 

그래서 직접 변경을 해보았다

 

결과

 

 

방법

 

방법은 settings.jason 에서 직접 수정해주면된다

 

VSCode의 API를 참조하였다

 

//VSC 의 테마를 설정할 수 있는 블럭이다.
//다른것을 셋팅한다고 이미 있을수 있으니 찾아보자
//나는 필요한것만 넣었다 더 예쁘게 바꾸고싶으면 API를 참고하자
"workbench.colorCustomizations": {
    "editor.lineHighlightBackground": "#1073cf2d", 
    "editor.lineHighlightBorder": "#9fced11f",
    "peekViewEditor.background": "#424242", //peek의 전체 배경색
    "peekViewResult.background": "#686869", //peek의 오른쪽 결과창 배경색
    "peekViewTitle.background": "#585887" //peek의 타이틀 배경색
  }

 

peekView.border: 엿보기 테두리와 화살표의 색상입니다.
peekViewEditor.background: 엿보기 편집기의 배경색입니다.
peekViewEditorGutter.background: 엿보기 편집기에서 거터의 배경색입니다.
peekViewEditor.matchHighlightBackground: 엿보기 편집기에서 하이라이트 색상을 일치시킵니다.
peekViewEditor.matchHighlightBorder: 엿보기 편집기에서 하이라이트 테두리 색상을 일치시킵니다.
peekViewResult.background: 미리보기 결과 목록의 배경색입니다.
peekViewResult.fileForeground: 미리보기 결과 목록에서 파일 노드의 전경색입니다.
peekViewResult.lineForeground: 미리보기 결과 목록에서 선 노드의 전경색입니다.
peekViewResult.matchHighlightBackground: 미리보기 결과 목록에서 하이라이트 색상을 일치시킵니다.
peekViewResult.selectionBackground: 미리보기 결과 목록에서 선택한 항목의 배경색입니다.
peekViewResult.selectionForeground: 미리보기 결과 목록에서 선택한 항목의 전경색입니다.
peekViewTitle.background: 엿보기 제목 영역의 배경색입니다.
peekViewTitleDescription.foreground: 픽뷰 타이틀 정보의 색상입니다.
peekViewTitleLabel.foreground: 엿보기 제목의 색상입니다

 

 

Theme Color | Visual Studio Code Extension API

Theme Color

---

🐱‍👓독하게 개발