본문 바로가기

카테고리 없음

vscode 위젯 투명하게 하기!(how to edit vscode widget opacity)

맥을 쓰는 코린이는 화면을 분할해서 코드를 따라치다가 자꾸 뜨는 저 도움말들이 거슬렸다.저 창때문에 위의 코드를 보지도 못하는데 어떻게하면 저 창을 조금 투명하게 만들을 수 있을까 고민을 하였다.

 

일단 저 메뉴바를 몰라서 구글링을 한참하였다.

 

우선 저렇게 도움말을 주는게 우리가 vscode에서 인텔리센스라는 것을 이용해서 라는 것을 알았고 저 상태창을 위젯이라고 부르는 것으 깨달았다.

 

https://code.visualstudio.com/docs/editor/intellisense

 

IntelliSense in Visual Studio Code

Learn about Visual Studio Code IntelliSense (intelligent code completion).

code.visualstudio.com

 

드디어 검색을 할 수 있게되어 위젯을 조절하는 것을 구글링 하였다.(약 2시간 반)

 

 

https://github.com/Microsoft/vscode/blob/master/src/vs/editor/contrib/suggest/suggestWidget.ts#L530

 

microsoft/vscode

Visual Studio Code. Contribute to microsoft/vscode development by creating an account on GitHub.

github.com

 

vscode 개발팀에서도 이런 고민이 있었더거 같은 깃허브 내용 첨부

 

 

그러다가 좋은 힌트를 얻게 되었고 그 힌트를 바탕으로 여기 링크를 찾아내었다.

 

https://code.visualstudio.com/api/references/theme-color

 

Theme Color

Theme Color reference that lists all themable colors in Visual Studio Code.

code.visualstudio.com

 

여기의 속성을 이용해서 setting.json에서 적용하면 된다.

 

 

바로 이런식으로!

 

그러면 어떻게 되냐면

.

.

.

.

"상 태 창"

 

 

내가 상태창을 쓸 수 있다니..!

 

 

 

 

 

속이 시원해졌다..