Visual Studio Code의 기본 상태 표시 줄 색상은 파란색이며 상당히 산만합니다. 내가 사용 이 색상을 변경하는 확장 기능을하지만 후에 작동이 중지되었습니다 1.10.2업데이트합니다.
Visual Studio Code 상태 표시 줄 색상
답변:
다음 코드 줄을 추가하여 사용자 설정을 편집하여 상태 표시 줄의 색상을 변경할 수 있습니다.
"workbench.colorCustomizations": {
"statusBar.background" : "#1A1A1A",
"statusBar.noFolderBackground" : "#212121",
"statusBar.debuggingBackground": "#263238"
}
이 작업을 동적으로 수행 할 수 있습니까?
—
Tom H
const config2 = vscode.workspace.getConfiguration('workbench.colorCustomizations.statusBar'); config2.update('background', '#1A1A1A');아무것도하지 않는 것 같습니까?
@TomH 저는 전문가가 아니며 "동적으로"어떻게 수행되는지 잘 모르겠지만 실행 중에는
—
acesmndr
Object.assign(vscode.workspace.getConfiguration('workbench.colorCustomizations'), { "statusBar.background" : "#00FF00"})읽기 전용 속성에 할당 할 수 없다는 TypeError가 표시됩니다. 그래서 getConfiguration 메서드를 사용하는 것이 올바른 방법이 아닌 것 같습니다.
@acesmndr 덕분에 잘 작동합니다. 여기에 설명 된대로 : code.visualstudio.com/docs/getstarted/… , 다음과 같이 특정 사용자 설정 파일 테마를 변경할 수도 있습니다. "workbench.colorCustomizations": { "[Markdown Editor Dark]": { "statusBar .background ":"#의 1A1A1A ","statusBar.noFolderBackground ":"# 212121 ","statusBar.debuggingBackground ":"# 263238 "}}
—
월튼
정말 도움이되는 답변 @acesmndr
—
Akhila
1) 저와 같은 멍청이에게 30 분의 시간을 절약 할 수 있습니다. settings.json 파일에서 편집해야합니다. 액세스하는 가장 쉬운 방법은 파일-> 환경 설정-> 설정에서 "색상"을 검색하고 "워크 벤치 : 색상 사용자 정의"-> "settings.json에서 편집"옵션을 선택하는 것입니다.
2) 이것은 "Gama11"에서 제안한 솔루션을 사용하지만! note !: settings.json에있는 코드의 최종 형식은 다음과 같아야합니다. "workbench.colorCustomizations"주위에 이중 중괄호가 있습니다.
{
// fontSize just for testing purposes, commented out.
//"editor.fontSize" : 12
// StatusBar color:
"workbench.colorCustomizations": {
"statusBar.background" : "#303030",
"statusBar.noFolderBackground" : "#222225",
"statusBar.debuggingBackground": "#511f1f"
}
}위의 코드를 복사 / 붙여 넣기 한 후 Ctrl + S를 눌러 변경 사항을 'settings.json'에 저장합니다.
솔루션은 여기에서 조정되었습니다 : https://code.visualstudio.com/api/references/theme-color
모든 테마가 너무 다르기 때문에 이와 같이 전역 적으로 변경하고 싶지는 않을 것입니다. 대신 테마별로 지정하십시오. 예 :
"workbench.colorCustomizations": {
"[Some Theme Name]": {
"statusBar.background" : "#486357",
"statusBar.foreground" : "#c8e9c5",
},
"[Some Other Theme Name]": {
"statusBar.background" : "#385357",
"statusBar.foreground" : "#d7e9c4",
}
},
이렇게하면 좋아하는 테마간에 전환 할 때 해당 테마의 사용자 지정 내용이 잊혀지지 않고 해당 컨텍스트에서 의미가 있습니다.
여러 VSCode 인스턴스가 열려있을 때 서로 다른 프로젝트를 구분하기 위해 작업 영역 설정에 적용하는 것도 좋습니다. 하나는 또한 변화
—
Qwerty
titleBar.activeBackground하고 titleBar.activeForeground그것을 더욱 분명하게 만들 수 있습니다 .
다른 답변과 마찬가지로
—
lapis
statusBar.noFolderBackground및 을 설정 하고 싶을 수도 statusBar.debuggingBackground있습니다. 그렇지 않으면 영향을받지 않습니다.
멋진 확장-정규식이 전체 경로에서 작동하여 모든 VSCode 열린 프로젝트를 구분할 수 있기를 바랍니다.
—
cyberwombat
실제로 전체 경로에 있었지만 상대 경로로 변경했습니다 ... 아마도 구성 할 수 있습니다
—
orepor
파일 이름 대신 브랜치에 탭 색상을 구성하는 것이 좋을 것입니다.
—
Johan Aspeling
문제를 해결하는 확장명을 작성한 사람은 상위 게시물이 말하는 것을 반복하는 다른 게시물보다 투표 수가 적습니다.
—
a.anev
를 눌러 control+shift+p때 열어 vscode 입력 open settings(UI)및 검색 window.titleBarStyle및에서 옵션을 변경 native하는 custom당신이에서 상태 표시 줄의 색상을 복원 할 수 있도록 white하는 black.
중요 참고 사항 :이 기술은 2019 년 2 월에 출시 된 vscode의 업데이트 버전 1.32에서 작동합니다. 이전 버전에서는 작동하지 않을 수 있으므로 vscode를 최신 버전 1.32 이상으로 업데이트했는지 확인하세요.
상태 표시 줄과 관련이없는 질문에 대답하지 않는다
—
갈 마르 갈 리트
Gal이 위에서 말했듯이 제목 표시 줄 은 상태 표시 줄 이 아닙니다. 전자는 맨 위에, 후자는 맨 아래에 있습니다
—
Revelt
직장의 색상을 변경하기 위해 https://marketplace.visualstudio.com/items?itemName=johnpapa.vscode-peacock 을 사용할 수있는 확장 프로그램이 하나 더 있습니다 . 모든 대 코드 인스턴스에 대해 다른 색상을 선택할 수 있습니다.
다음은 작업 영역에 대해 macOS에서 VS Code 상태 표시 줄 색상을 설정하기 위해 수행 한 단계입니다 (전역 적으로 아님).
보기 | 명령 팔레트 ... | "작업 영역 설정 열기 (JSON)"를 검색합니다.
(프로젝트 [project-name] .code-workspace 파일이 열립니다.)
설정 속성에서 색상 사용자 지정을 추가합니다.
{
"folders": [],
"settings": {
"workbench.colorCustomizations": {
"statusBar.background": "#938e04",
"statusBar.foreground": "#ffffff"
}
}
}
이것은 VS Code의 여러 인스턴스가 열려 있고 전역 테마를 변경하지 않고도 각 창을 시각적으로 구분하려는 경우에 매우 유용합니다.
확장을 편집하여 색상을 변경할 수 있습니다.
"colors":{
"statusBar.background": "#505050",
},