Vscode: 상태 표시줄 배경색

+1!
나는 그 색과 그 신비한 웃는 얼굴이 싫어. 상태 표시줄의 스타일을 변경할 수 있는 방법이 있기를 바랍니다.

+1

+1

+1

+1

+1

:-1: -1 좋아요 ㅋㅋㅋㅋ

이 문제에 대한 답변이 늦어서 죄송합니다. Visual Studio 제품군 내에서 일관성이 있기 때문에 상태 표시줄 내에서 파란색을 사용합니다. 우리는 앞으로 사용자 스타일 시트를 통해 사용자화하기 위해 이것과 다른 것들을 열 수 있습니다. 바라건대 그것은 당신이 색상에 대해 가지고있는 모든 문제를 해결할 것입니다.

+1

@bgashler1 기본적으로 VS 브랜딩에

+1

+1

재개장. 이것은 테마 UI 구성 요소에 기능을 추가하여 해결될 것입니다. https://github.com/Microsoft/vscode/issues/1231

+1

미터 거리에서 편집기를 보면 매우 포화 상태 표시줄만 볼 수 있습니다. 이는 실제로 편집하는 동안 상당히 산만합니다.

#1231은 이제 폐쇄되었으므로 약간의 톤을 낮추는 옵션이 있으면 좋을 것입니다.

@shubhamsizzles 여러 수준의 중복이 있었습니다. 여기에서 UI 테마 문제를 따르세요. https://github.com/Microsoft/vscode/issues/3112

상태 표시줄이 개발에 방해가 되는 경우 다른 문제가 있는 것입니까?

나는 색이 좋다. '정상' 조건에서는 파란색, 디버그 모드에서는 주황색-빨간색입니다. 나를 위해 작동합니다.

상태 표시줄이 개발에 방해가 되는 경우 다른 문제가 있는 것입니까?

100에 대해 수동적으로 공격적인 응답을 할게요, Alex.

수동적 공격적이지 않습니다.

IDE에서 불평할 모든 것 중 맨 아래에 있는 상태 표시줄? 버그가 아니라 더 효율적인 개발을 지원하는 기능 부족, 언어 지원, 더 나은 디버깅 또는 GIT 통합, 커뮤니티 부족 등...(VSC에 이러한 문제가 있다는 것은 아님) 하지만.. 하단의 상태 표시줄 색상 ?

@natdm 글쎄요, UI가 IDE/에디터에서 중요합니다. 위에서 언급한 기능만을 위한 것이라면 우리는 모두 vim/emacs를 사용하고 있을 것입니다.

#459가 구현된 경우 변경하기 쉽습니다.

echo ".monaco-workbench>.part.statusbar{background-color:#000;}" | sudo tee -a /usr/share/code-insiders/resources/app/out/vs/workbench/workbench.main.css

코드에 대한 현재 CSS 패치:

/***** PATCHES *****/
.monaco-workbench.hc-black { color: #FFF; background-color: #000; }
.monaco-workbench.hc-black .sidebar .separator  { background-color: #000; border: 1px solid #6FC3DF; }
.monaco-workbench.hc-black input,
.monaco-workbench.hc-black textarea {
    background-color: #000;
}
.monaco-workbench.hc-black .monaco-action-bar .action-item.disabled .action-label.disabled,
.monaco-workbench.hc-black .monaco-action-bar .action-item.disabled .action-label.disabled:hover {
    opacity: 1;
}
.monaco-workbench.hc-black .monaco-action-bar .action-item.disabled .action-label.disabled:before {
    opacity: .4;
}

.monaco-shell { font-family: "Iosevka", "Helvecita", "Inziu Iosevka SC", sans-serif}
.monaco-shell:lang(zh-Hans) { font-family: "Iosevka", "Helvecita", "Inziu Iosevka SC", sans-serif}
.monaco-shell:lang(zh-Hant) { font-family: "Iosevka", "Helvecita", "Inziu Iosevka CL", sans-serif}
.monaco-shell:lang(ja) { font-family: "Iosevka", "Helvecita", "Inziu Iosevka J", sans-serif}
.monaco-workbench > .part > .content {font-size:11px}
.decorationsOverviewRuler{
    clip:rect(2px,13px,1000px,2px);
    margin-top: -2px;
    height:calc(100% + 4px);
}
.monaco-workbench.vs-dark .editor > .content > .editor-center,.monaco-workbench.vs-dark .editor > .content > .editor-right { border-left-color:#0a0a0a}
.monaco-workbench.vs-dark { background: #252525 }
.monaco-editor.vs-dark .git-dirty-modified-diff-glyph { background-color: rgba(250,190,28,0.6) }
.explorer-viewlet .explorer-item-label, .explorer-viewlet .working-files-item-label { color: rgb(190, 190, 190) }
.vs-dark .monaco-tree .monaco-tree-row.selected { color: rgb(210, 210, 210) }
.vs-dark .monaco-tree .monaco-tree-row.focused, .vs-dark .monaco-tree .monaco-tree-row.selected { background: rgb(57,57,56)!important }
.vs-dark .monaco-tree .primary-action-bar,.vs-dark .monaco-tree.focused .monaco-tree-row.focused:not(.highlighted)>.content.actions>.primary-action-bar { background: none!important }
.monaco-workbench.no-workspace>.part.statusbar,.monaco-workbench > .part.statusbar {background: rgb(21,21,21)}
.monaco-workbench > .part.statusbar>.statusbar-item{opacity: 0.6}
.monaco-workbench>.part.panel>.title { border-top-color: rgba(255,255,255,0.1) }
.monaco-editor.vs-dark .git-dirty-modified-diff-glyph { background: none }
.monaco-editor.vs-dark .current-line {border: none}
.monaco-editor.vs-dark .selectionHighlight { background: rgba(173,214,255,0.1)}

.token.haskell { font-feature-settings: "XHS_" 1; }
.token.patel { font-feature-settings: "XPTL" 1; }

.explorer-open-editors .editor-group { visibility: hidden }
.explorer-open-editors .monaco-tree-row.expanded { margin-bottom: -22px }
.explorer-open-editors .monaco-tree-row + .monaco-tree-row.expanded { border-top: 1px solid rgba(255,255,255,0.05); margin-top: -1px }

업데이트할 때마다 이 작업을 수행해야 합니다. 사용자 CSS 또는 UI 테마를 지원하세요.

진짜 ? 산만 ? 당신은 당신의 눈을 운전할 수 없습니다? IDE에 대한 문제는 그렇게 어리석은 것을 본 적이 없습니다.

@be5invis 이 파일은 어디에 있나요?

+1 나는 개인적으로 그것이 산만하다고 생각하지 않지만 - 나는 편집기를 전체 화면으로 만들 때(F11) 그것이 편집기가 완전히 매끄럽게 느껴지지 않게 하는 유일한 방법이라는 것을 싫어합니다(더 나은 단어가 없기 때문에). 어두운 테마에서 Atom 편집기를 로드하고 전체 화면으로 만드십시오. 완전히 매끄럽게 보입니다. VSCode는 맨 아래에 있는 파란색 막대가 아닌 경우(더 좋지 않은 경우) 똑같이 좋아 보일 것입니다.

다른 매력적인 UI에서는 정말 끔찍하다고 생각합니다. 파란색이 아니라(회색이 더 나음) 너무 밝습니다. 나는 그것이 Mac보다 Win 10에서 더 잘 보이는 것을 보았습니다(저는 Mac에 있습니다). 그러나 그것은 단지 상태 표시줄일 뿐입니다. 왜 그렇게 많은 관심을 받아야 합니까?

"사소한" 것에 대해 불평하는 대신 "생명을 얻어야 한다"고 말하는 사람들을 위해, 애플리케이션의 UI는 당신이 하루 종일 응시하는 것임을 기억하십시오. 그것은 당신을 기쁘게 할 뿐만 아니라 당신을 도와야 합니다. 테마 또는 다른 편집기 환경 설정에서 색상을 지정하는 간단한 방법도 감사하겠습니다.

사용자 정의 CSS를 코드로 패치하기 위한 확장(vscode-icons에서 분기됨)을 만들었습니다.

https://github.com/be5invis/vscode-custom-css
https://marketplace.visualstudio.com/items?itemName=be5invis.vscode-custom-css

vscode_custom_css.file 옵션을 적용하려는 CSS로 설정하고 활성화합니다.

vscode-custom-css 은(는) 매력처럼 작동합니다! https://gist.github.com/dominique-mueller/0d9f5aec202804caca4881838685cfc4 에서 내 CSS를 Oceanic 흐리게 테마와 함께 패치했습니다.

기본 파란색은 신경쓰지 않습니다. 제 문제는 모든 VScode 창에서 파란색이라는 것입니다.

색상을 빠르게 설정하는 것이 좋을 것입니다(상태 표시줄에서 오른쪽 클릭??). 둘 이상의 VS 코드 창으로 작업할 때 그놈 작업 선택에서 필요한 창을 찾을 수 있습니다.

어쨌든 때로는 상태 표시줄이 자주색 또는 주황색으로 표시되며 특정 의미가 있는 것 같습니다.

+1

@be5invis 확장을 시도했고 훌륭하게 작동했습니다. Insiders를 사용하는 경우 약간 지루하지만 그럼에도 불구하고 훌륭합니다. 건배.

덧붙여서, png 파일 대신 글꼴을 사용하여 사이드바에 아이콘을 설정하는 방법이 있습니까( Atom이 하는 것처럼)?

도움말 -> 개발자 도구 전환 -> 콘솔

document.getElementById("workbench.parts.statusbar").style.color = "검정색"

1. https://github.com/be5invis/vscode-custom-css 설치 및 활성화
2. Visual Studio Code를 관리자로 다시 시작

3. style.css :

   .monaco-workbench.no-workspace>.part.statusbar {
    background-color: #333333 !important;
   }
   

4. 파일 > 환경 설정 > 사용자 설정

   {
      "vscode_custom_css.imports": [
          "file://path_to_css_file/style.css"
      ]
   }
   

5. F1 > 사용자 정의 CSS 및 JS 활성화
6. Visual Studio 코드 다시 시작

이 확장은 말 그대로 VS Code의 소스 코드를 변경하므로 설치하면 문제가 발생할 수 있습니다. 이와 같은 확장 프로그램이 설치를 손상시키는 여러 사례를 보았고 이를 복구하는 유일한 방법은 vscode를 다시 설치하는 것입니다.

@Tyriar #3112, #1231, #1833, #76을 참조하면 이 결과를 얻는 적절한 방법은 공식 API를 통해 얻는 것처럼 들리지만 10개월 동안 백로그 에 있었습니다. 이 API가 구현될 수 있는 시기에 대한 업데이트가 있습니까?

@tylercubell 팀에 요청했고 로드맵 에서 이 시점의 일부로 #3112를 살펴볼 것입니다.

워크벤치 테마 지정(예: 탐색기의 지원 아이콘)

내가 사용하는 테마가 약간 어색하게 보이게 만드는 훨씬 더 어두운 회색 배경을 가지고 있기 때문에 그것은 나에게도 버그가 있습니다.

이것에 대한 소식이 있습니까? vscode_custom_css 해킹은 2016년 9월에 작동하지 않는 것 같습니다.

@WildelaVega777 글쎄요... 바로 위에 댓글 보셨나요?

+1

+1

+1

+10086

+1

보라색은 괜찮지만 파란색은 너무 밝거나 산만합니다.

+1

아시다시피... Github이 _reactions_를 구현한 이유가 있습니다...

나머지 UI와 마찬가지로 회색으로 만들 수 있는 옵션이 최소한 있다면. 포함된 정보가 필요하기 때문입니다. 하지만 여전히 주의가 산만합니다.

+1

+10

+1

난 저 푸른색이 싫어

@bgashler1 테마도 좋지만 사이드바와 나무 배경에 관련된 단순한 회색이면 충분합니다. 환경 설정의 플래그 뒤에있을 수 있습니까?

@pkieltyka 댓글 내역 읽기

@tylercubell 평소에 그래 내 실수

+1

+1

어쩌면 누군가가 공식 테마 기능(또는 모듈 등)을 먼저 구현하고 나중에 보고할 수도 있습니다. 중국에서는 先斬後奏라고 한다.

플러그인을 사용하지 않고 이 파일 workbench.main.css 열고 background:#007acc; 에서 background:#252526; (회색)으로 .monaco-workbench>.part.statusbar 를 변경할 수 있습니다.

@AlexCasa 해킹이 작동했습니다. 파일은 Linux의 /usr/share/code/resources/app/out/vs/workbench/workbench.main.css에 있었습니다.

hurtrealbad : 난 축소 된 CSS 파일을 편집하지 않고이 작업을 수행 할 수 있도록 기대하고 경고 vscode 설치되는 것은 손상 https://code.visualstudio.com/docs/supporting/faq#_installation -appears - 될-손상

Windows 7의 파일 위치

C:\Program Files (x86)\Microsoft VS Code\resources\app\out\vs\workbenchworkbench.main.css

전체 UI 스키닝을 가능하게 하는 것이 좋을 것입니다.

+1

파란색 상태 표시줄이 산만합니다. 기본값을 검정색(또는 눈에 띄지 않도록 일부 변형)으로 설정하십시오.

UI의 사용자 지정 테마를 활성화하는 작업을 하는 동안 기본 UI 색상에 대한 다음 변경 사항을 고려하고 있습니다.

상태 표시줄을 음소거하려고 합니다.

이 중 어느 것도 고정되어 있지 않습니다. 당신의 생각을 듣고 싶습니다. GitHub 반응을 사용하십시오

그래서 우리는 사람들이 어떻게 이런지 느낄 수 있습니다.

@bgashler1 회색이 옵트인인 경우 사용자 정의 기능을 제공하십시오(또한 다른 UI 요소: 색상, 크기, 간격, 타이포그래피 등).

@be5invis 일부 UI 테마 기능도 활성화하기 위해 노력하고 있습니다. #3112

@bgashler1
테마 빌더의 경우 색상 영역에 제한되지 않는 테마 기능을 원합니다. CSS를 사용하는 것이 최종 솔루션이지만 Sublime Text의 테마 기능도 잘 작동합니다.

추신. 스크롤바 테두리를 제거할 수 있는 권한을 주세요.

🙂 +1 이 캡처 는 멋지게 보입니다!

@AlexCasa가 제안한 변경을 시도하는 OSX 사용자의 경우 파일은 다음 위치에 있습니다.

/Applications/Visual\ Studio\ Code.app/Contents/Resources/app/out/vs/workbench/workbench.main.css

편집하다:

나는 또한 소름 끼치는 웃는 얼굴을 없애고 싶다면 .dropdown.send-feedback{display:none} 추가하는 것이 좋습니다.

+1

+1

@bgashler1 어색한 스마일을 제거하거나 최소한 덜 이상하게 만드십시오. 제가 대신 이런 것을 제안해도 될까요?
https://image.freepik.com/free-icon/comment-bubble-outline_318-27591.png

@joeshub 우리는 사람들이 UI를 마우스 오른쪽 버튼으로 클릭하여 제거할 수 있도록 하기 위해 노력하고 있습니다. @bpasero 웃는 얼굴로도 가능할까요?

그래 아마. 확장 프로그램이 매우 동적인 방식으로 항목을 추가할 수 있는 방식 때문에 사용자가 상태 표시줄에서 항목을 숨길 수 있도록 허용할 수 없습니다.

+1

이것이 기본 기능으로 구현될 때까지 누군가 UI 요소에 사용자 정의 색상을 사용하고 웃는 얼굴을 비활성화하려는 경우 이 확장을 만들었습니다. 수동 CSS 편집이 필요하지 않으며 모든 것이 사용자 설정에서 수행됩니다. (참고: "지원되지 않는" 모드를 트리거하지 않습니다)
(편집: 더 이상 사용되지 않음)

@bentx 이것은 CSS 및 JS 파일을 재정의하기 때문에 지원되지 않는 모드를 트리거하는 다른 모든 확장과 정확히 동일한 기술을 사용합니다. 메시지를 비활성화하면 됩니다...

@Tyriar 내가 사용자 정의 테마에 대해 본 유일한 다른 확장은 CSS 파일을 로드하는 것이었습니다. 저는 모든 것을 사용자 설정에서 관리할 수 있기를 원했습니다. 소프트웨어가 "손상"되기 때문에 마음에 들지 않는다는 사실을 알지만 이에 대한 향후 업데이트를 작업 중이므로 오랫동안 문제가 되지 않겠죠? 한편 이러한 확장으로 인해 사람들이 VS 코드를 사용할 수 있다면 (나처럼) 하루 8시간 이상 사용하는 GUI에 익숙하기 때문에 그것이 공정하다고 생각합니다.

@bentx 이러한 유형의 확장 프로그램으로 인한 무작위 충돌 및 버그 원인을 조사하는 데 많은 시간을 낭비한 것이 실망

@Tyriar 공정한 지적. 제 관점에서 잔소리 메시지는 성가시지만 [Unsupported] 메시지가 없는 스크린샷 문제뿐만 아니라 사용자가 무엇이 문제인지 알지 못한다는 데 동의합니다. 확장 프로그램을 업데이트했는데 무결성 검사가 기본적으로 활성화된 상태로 유지되며 자신이 하는 일을 아는 사람들을 위해 비활성화하도록 설정 항목이 추가되었습니다. 이에 대한 사용자의 책임에 관한 README에 대한 참고 사항도 있습니다.

@bentx 감사합니다 😄 더 많은 사용자 지정 기능도 기대하고 있습니다.

+1

이에 대한 업데이트가 있습니까?

+1 상태 표시줄 색상 사용자 지정을 기다리는 중입니다.

확인 https://github.com/Microsoft/vscode/issues/17608 , 우리는 UI Api를 갖게 될 것이고, 나는 머티리얼 테마를 다시 훌륭하게 만들 것입니다(lel)

그래서 VSCode 1.9가 나왔습니다. 이 문제가 해당 릴리스에서 해결되지 않은 것 같습니다. 맞습니까?

@jchannon 맞아.. :(

.statusbar{background:#xxxxxx} 이 방법으로만 상태 표시줄 색상을 변경하시겠습니까?

@GaryChangCN 영구적으로 변경하는 유일한 방법입니다. 편집기를 다시 열 때까지만 지속되지만 다른 방법이 있습니다. 개발자 도구 사용(도움말-> 개발자 도구 전환) 수동으로 색상을 변경하고 스마일리를 제거합니다. 이것은 VSCode에서 완전히 나갈 때까지 지속되지만 일반적으로 하루가 시작될 때 열고 끝날 때 닫는 것처럼 나에게는 문제가 되지 않습니다.

@Stromwerk 사용자 정의 CSS를 어디에 넣습니까?

@equinusocio 저는 커스텀 CSS를 넣지 않았습니다. 개발자 도구를 사용하여 값을 변경합니다.

@Stromwerk 감사합니다! 지금이 너무 좋습니다.

@스트롬베르크

.statusbar{background:#xxxxxx} 이 방법으로만 상태 표시줄 색상을 변경하시겠습니까?
@GaryChangCN 영구적으로 바꾸는 유일한 방법....

전체 Visual Studio와 마찬가지로 상단 메뉴 모음을 테마로 사용할 수 있으면 유용할 것입니다.
편집, 이미 이에 대한 별도의 문제가 있는 것 같습니다. #16363

@martinsuchan 나는 그것이 현재 https://github.com/electron/electron 에서 가능하다고 믿지 않습니다.

@Tyriar Atom이

@equinusocio 아 정말요? 이것을 추적하는 것이 있는지 확실하지 않지만 아마도 별도의 문제일 것입니다.

+1

@Tyriar 기본 시스템 메뉴와 구별할 수 없는 사용자 정의 HTML+CSS 메뉴를 항상 사용할 수 있으며,

@martinsuchan indistinguishable은 강력한 단어이므로 다음을 고려해야 합니다.

• 바라보다
• 접근성
• 시스템 설정(글꼴, 메뉴 배율 등)

또한 메뉴는 Windows 버전 간에 약간 다를 수 있습니다.

+1
이것을 사용자 정의할 수 있습니까? 어두운 색 구성표에 대한 밝은 파란색은 매우 산만합니다!

+1
나는 Bentx의 vscode-custom-theme 확장이 현재로서는 수용 가능한 해결 방법이라고 생각하지만, 이것을 공식 기능으로 보는 것은 정말 좋을 것입니다.

다음 단계에 따라 변경할 수 있습니다.

1. ctrl+shift+p 및 입력 개발 도구 열기 개발 도구
2. 상태 표시 줄에서 요소 초점을 선택하고 CSS 스타일을 찾으십시오.
3. vscode css 파일(workbench.main.css) 편집 스타일 변경
4. 파일을 저장하고 vscode를 다시 로드하십시오.

파란색이 꽤 시끄럽다는 데 동의하지만 :)을 싫어하는 사람은 '집에 가서 삶을 다시 생각해야' 합니다.

+1

저는 CustomCSS 및 JS Loader 를 사용하여 So Da Reloaded (어두운 변형) Subliminal Text 테마와 유사한 VS Code UI를 사용자 정의하고 있습니다.

아직 부족한 부분이 많고 하고 싶고 사용자 지정하고 싶은 부분이 많지만(일부는 가능하지 않다고 생각합니다) 현재로서는 상태 표시줄이 "수정"해야 하는 부분 중 하나입니다.

멋진 것은 없지만 관심 있는 사람은 여기 에서 확인

시사:

+1

+1

https://github.com/Microsoft/vscode/issues/1884#issuecomment -230790242 를 기반으로 스크립트를 만들었습니다. 매번 색상을 재설정하기 위해 파일을 편집하는 데 지쳤기 때문입니다.
스크립트 링크

ctrl+k + ctrl+z 는 문제를 해결하지만(젠 모드, 읽기: 주의 산만...) 더 많은 UI 부분에 사용자 지정을 추가하는 것이 좋습니다.

"우리는 사람들이 UI를 마우스 오른쪽 버튼으로 클릭하여 제거할 수 있도록 하기 위해 노력하고 있습니다."

즉, 마케팅 부서(완전한 사이코패스에서 한 발짝 떨어져 있는)가 유지하기를 원하기 때문에 이 아주 작은 변경을 완료하려면 M$에서 1000개의 기둥에 개인적으로 기름칠을 해야 합니다.

@blueredcat , 왜 제거합니까? 스타일링이나 자동 숨기기 또는 뭔가 할 것입니다.

누군가가 이미 말했듯이 회색/검정색 옵션만 있으면 좋겠지만 이 파란색 막대는 어두운 테마에서 너무 이상해 보입니다.

나는 그것을 처리하는 가장 깨끗한 방법은 설정을 테마에 노출하는 것이라고 생각합니다. 그렇게 하면 테마 작성자가 테마에 맞는 색상 설정을 제공할 수 있습니다.

https://github.com/Microsoft/vscode/issues/21923 확인

최신 git 소스 브랜치에서 설치되었습니다. 파란색에서 보라색으로 색상을 변경했습니다. (또는 이것이 개발 버전의 기본값입니까?)

이 스레드에서 언급한 몇 가지 빠른 CSS 해킹을 시도했습니다. 어떤 것도 빨리 작동하지 않는 것 같았습니다. 이제 이 끔찍한 파란색 바에서 최소 1-2시간을 보냈습니다. 이 블루바가 모든 Visual Studio 도구에 걸쳐 "표준"이었다는 사실에 놀랐습니다. 다른 편집기로 다시 전환하고 몇 년 후에 vscode를 확인하겠습니다.

어떤 것도 빨리 작동하지 않는 것 같았습니다. 이제 이 끔찍한 파란색 바에서 최소 1-2시간을 보냈습니다.

• Visual Studio용 사용자 지정 테마 설치
• 환경 설정에서 theme.statusbar.background.color 를 설정합니다.
• 완료.

상태 표시줄 색상 변경 및 이 이상한 스마일리 숨기기 +1

@jwigley 의 훌륭한 권장 사항을 기반으로 하는 자세한 방법은 다음과 같습니다.

1. 확장 프로그램 열기: Mac: Shift+command+X , Windows: Ctrl+Shift+X , Linux: Ctrl+Shift+X
2. Custom theme for Visual Studio Code 하고 해당 확장 프로그램을 설치합니다.
3. 환경 설정 방문: Mac: Command+ , Windows/Linux: File > Preferences > Settings
4. 오른쪽 창에서 "theme.statusbar.background.color": "#161616" (16진수를 좋아하는 색상으로 지정)을 추가합니다. 예

{
    "editor.fontSize": 16,
    "editor.tabSize": 2,
    "workbench.welcome.enabled": false,
    "theme.statusbar.background.color": "#161616"
}

1. 모든 명령 표시: Mac: Shift+command+P , Windows: Ctrl+Shift+P , Linux: Ctrl+Shift+P
2. Theme 및 Custom theme: Apply 활성화

@joe-watkins Running the contributed command:'theme.apply' failed.

@stannynuytkens 흠

@stannynuytkens 는 Windows에서 관리자로 실행 중이거나 osx/linux에서 올바른 권한이 있는지 확인합니다. 여전히 작동하지 않으면 문제를 열어 조사하겠습니다.

최근 소식통을 보니 이 티켓이 곧 마감될 것 같네요. 좋은 소식이네요 :)

export const STATUS_BAR_BACKGROUND = registerColor('statusBarBackground', {
    dark: '#007ACC',
    light: '#007ACC',
    hc: null
}, nls.localize('statusBarBackground', "Standard status bar background color. The status bar is shown in the bottom of the window"));

우리가 기다려온 테마 기능처럼 보입니다. vscode 팀으로 가십시오!

우리가 기다려온 테마 기능처럼 보입니다. vscode 팀으로 가십시오!

예, 워크벤치 테마 지원 시작은 3월 업데이트(1.11)의 일부입니다. 곧 이 작업을 수행할 수 있습니다( https://github.com/Microsoft/vscode/issues/3112#issuecomment -289483970 참조).

이에 대한 문서는 어디에서 찾을 수 있습니까?

@equinusocio 릴리스 노트에 문서가 있을 것이며 대부분은 1.12에 있을 것입니다.

나는 blue Visual Studio의 모든 주장이 터무니없다고 생각합니다. 파란색은 vscode/visual studio 로고가 있고 상태 표시줄에 로고가 없는 경우 중요합니다. 파란색이 @bgashler1 이 게시한 것과 같은 미묘한 회색으로 변경되기 때문에 사용자가 사용 중인 IDE에 대해 혼동하지 않을 것입니다.

간단히 말해서, 파란색은 너무 강해서 사용자가 작성하는 코드에서 주의를 끕니다. 이것은 말 그대로 사용자 경험 문제입니다. 그대로 취급해 주십시오.

워크벤치 테마( 릴리스 노트 )에 대한 작업을 통해 이제 상태 표시줄 배경의 색상을 사용자 정의할 수 있습니다. 관련 키는 다음과 같습니다.

• statusBarBackground : 기본적으로 파란색
• statusBarNoFolderBackground : 기본적으로 보라색
• statusBarDebuggingBackground : 기본적으로 주황색

다음은 설정을 통해 이를 변경하는 방법의 예입니다.

"workbench.experimental.colorCustomizations": {
    "statusBarBackground": "#00EECC",
    "statusBarNoFolderBackground": "#CCEE00",
    "statusBarDebuggingBackground": "#CCFFFF"
}

설정 이름이 변경될 가능성이 있으며 색상 이름도 아직 최종 단계가 아니라고 생각합니다.

상태 표시줄에서 스마일리 버튼을 숨길 수 있는 방법은 https://github.com/Microsoft/vscode/issues/7893을 통해 계속 진행하는 것이 좋습니다.

참고 : 여전히 워크벤치 테마 지원에서 누락된 색상이 많이 있으며(https://github.com/Microsoft/vscode/issues/3112를 통해 계속) 상태 표시줄의 아이콘 색상 지정에 여전히 몇 가지 문제가 있습니다(https를 통해 계속). //github.com/Microsoft/vscode/issues/23526).

나는 원래의 파란색 상태 표시줄을 좋아하지만 최신 릴리스는 대신 보라색을 사용합니다. 나는 보라색을 싫어합니다.

@HoNooD 상태 표시줄은 폴더가 열리지 않을 때 항상 보라색이었습니다.

우!! 이번 업데이트 정말 좋네요! 정말 감사합니다. 전체 워크벤치를 테마로 지정하는 기능은 훌륭합니다!

아이러니하게도 , 롤! _(힌트: 제목 표시줄 색상)_
고마워 얘들아, vscode의 h*ll 테마를 기대하고 있어!

이제 모든 것이 보라색입니다 :( . Quiet Light 테마, 열린 폴더가 있는 상태 표시줄, Debian Stretch의 1.11.1

그것이 주제일 것입니다. 새로운 실험적 워크벤치 설정을 사용하여 설정에서 상태 표시줄의 색상을 정의합니다.

"workbench.experimental.colorCustomizations": {
        "statusBarBackground" : "#1A1A1A",
        "statusBarNoFolderBackground" : "#0A0A0D",
        "statusBarDebuggingBackground": "#511f1f"
    }

사랑스러운! 이제 흰색 아이콘의 색상을 변경하는 방법은 무엇입니까? :)

@stefangabos 는 statusBarForeground 아이콘을 변경하지 않습니까?

여기에는 영향이없는 것 같습니다

@stefangabos 내부자라면 버그를 내부자 에서 테스트하는 것이 좋습니다.

@bpasero 이것이 스트레치라는 것을 알고 있지만 확장 API를 통해 이것을 노출할 계획이 있습니까? 현재 나는 즉석에서 설정을 수정하고 있으며 나쁜 해킹 인 것 같습니다 ...

실험적인 기능을 바로 사용해서 죄송합니다 :/ 수요가 많았습니다..

https://github.com/VSCodeVim/Vim/issues/1056

현재 직접 설정을 변경하는 것 외에는 API로 노출할 계획이 없습니다.

좋아, 관련 https://github.com/VSCodeVim/Vim/issues/1565

나는 이것을 열어 놓을 것입니다. 불행히도 그것은 성능상의 이유로 확장에 대해 너무 잘 작동하지 않을 것이지만 적어도 정상적으로 작동한다는 것을 의미합니다.

위의 솔루션을 시도했지만 작동하지 않는 사용자를 위해 이제 다음과 같이 변경되었습니다.

"workbench.colorCustomizations": {
    "statusBar.background" : "#1A1A1A",
    "statusBar.noFolderBackground" : "#0A0A0D",
    "statusBar.debuggingBackground": "#511f1f"
}

이것은 새 릴리스에서 예상대로 작동합니다. 까지 닫을 수 있습니다.
나 걱정 되. 감사 해요!

2017년 5월 6일 00시 29분에 "Yuhao Zhang" [email protected]에서 다음과 같이 썼습니다.

위의 솔루션을 시도했지만 찾지 못한 분들을 위해
작동하지만 다음과 같이 변경되지 않았습니다.

"workbench.colorCustomizations": {
"statusBar.background": "#1A1A1A",
"statusBar.noFolderBackground": "#0A0A0D",
"statusBar.debuggingBackground": "#511f1f"
}

—
당신이 언급되었기 때문에 이것을 받는 것입니다.
이 이메일에 직접 답장하고 GitHub에서 확인하세요.
https://github.com/Microsoft/vscode/issues/1884#issuecomment-299580210 ,
또는 스레드 음소거
https://github.com/notifications/unsubscribe-auth/AAtPLShnXBvyBcatp60Vpd5RR0CXS_zHks5r25SfgaJpZM4HBWq2
.

@bgashler1 일관성이 없어 산만합니다. Microsoft

👍 @yuhaozhang 팁 감사합니다! 그것은 매력처럼 작동했습니다!

나는 결국 :

"workbench.colorCustomizations": 
    {
        "statusBar.background" : "#303030",
        "statusBar.noFolderBackground" : "#222225",
        "statusBar.debuggingBackground": "#511f1f"
    }

시사

@rogaha 굉장합니다. 덕분에 잘 되었습니다. 감사합니다!
Visual Studio를 처음 사용할 때 파란색 막대가 나를 크게 방해하여 이 편집기를 거의 버리고 경쟁에 참가했습니다. 결함을 유지하려는 경우 Visual Studio 편집기의 전체 제품군에 대해 신경 쓰지 않지만 설계상 끔찍한 일관성은 나쁘다고 말해야 합니다.

@bpasero 이 스레드를 닫고 잠가서 이제 workbench.colorCustomizations 로 솔루션이 가능하다는 것을 분명히 하시겠습니까? 감사 해요!

+1

테마는 이제 상태 표시줄 배경을 설정할 수 있습니다. settings.json 파일에 다음을 추가하여 색상을 재정의할 수도 있습니다.

"workbench.colorCustomizations": 
{
  "statusBar.background" : "#303030",
  "statusBar.noFolderBackground" : "#222225",
  "statusBar.debuggingBackground": "#511f1f"
}

이 기능은 v1.11 이후로 잠그기 때문에 솔루션이 묻히지 않습니다.