Vscode: Cor de fundo da barra de status

+1!
Eu odeio essa cor e aquele rosto sorridente misterioso. Esperando que haja uma maneira de mudar o estilo da barra de status.

+1

+1

+1

+1

+1

: -1: -1 Eu gosto rs.

Desculpe pela demora na resposta sobre este problema. Usamos azul na barra de status porque é consistente com a família do Visual Studio. No futuro, podemos abrir isso e outras coisas para personalização por meio de folhas de estilo do usuário. Esperançosamente, isso resolverá quaisquer preocupações que você tenha com a cor.

+1

@ bgashler1 Eu entendo seu desejo de se alinhar com a marca VS por padrão, mas a cor distrai muito algumas pessoas. Seria ótimo se você pudesse pelo menos ter uma folha de estilo do usuário que nos permitisse diminuí-la ou apenas defini-la como sempre preta. Essa é a única coisa que está me impedindo de me comprometer com o seu fantástico editor.

+1

+1

Reabrindo. Isso provavelmente será resolvido adicionando a capacidade de componentes de IU do tema https://github.com/Microsoft/vscode/issues/1231

+1

Se você olhar para o editor a um metro de distância, a única coisa que verá é a barra de status profundamente saturada, que na verdade distrai bastante durante a edição.

Como o # 1231 está fechado agora, seria bom ter a opção de diminuí-lo um pouco.

@shubhamsizzles havia vários níveis de duplicatas, siga o problema do tema da IU aqui https://github.com/Microsoft/vscode/issues/3112

Se a barra de status é o que o distrai do desenvolvimento, talvez você tenha outros problemas?

Estou bem com a cor. Azul em condições 'normais', laranja-vermelho no modo de depuração. Funciona para mim.

Se a barra de status é o que o distrai do desenvolvimento, talvez você tenha outros problemas?

Aceito respostas passivas agressivas para 100, Alex.

Não é passivo-agressivo.

De todas as coisas para reclamar em um IDE, a barra de status na parte inferior? Não são bugs, falta de recursos para auxiliar no desenvolvimento mais eficiente, suporte de linguagem, melhor depuração ou integração GIT, falta de comunidade, etc ... (não dizendo que o VSC tem esses problemas), mas .. a cor da barra de status na parte inferior ?

@natdm Bem, adivinhe, a IU é importante em um IDE / editor. Se fosse apenas pelos recursos que você mencionou acima, todos estaríamos usando vim / emacs

Se # 459 foi implementado, isso seria fácil de mudar.

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

Meu patch CSS atual para o código:

/***** 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 }

Tenho que fazer isso a cada atualização. Por favor, suporte CSS do usuário ou tema da IU.

Mesmo ? Distrativo? Você não consegue dirigir seus olhos? Nunca vi um problema para um IDE tão estúpido

@ be5invis Onde este arquivo está localizado?

+1 Embora eu pessoalmente não ache isso uma distração como tal - eu não gosto que, ao fazer o editor em tela cheia (F11), seja a única coisa que impede o editor de parecer completamente perfeito (por falta de uma palavra melhor). Tente carregar o editor Atom com o tema escuro e torná-lo em tela inteira. Parece completamente perfeito. O VSCode pareceria tão bom (se não melhor) se não fosse por essa barra azul deslocada na parte inferior.

Eu acho que é realmente horrível em uma interface de usuário atraente. Não é que seja azul (embora cinza seja melhor), é muito claro. Já vi que fica melhor no Win 10 do que no Mac (estou no Mac). Mas é apenas uma barra de status, por que deveria chamar tanta atenção?

Para aqueles que comentam que devemos "levar uma vida" em vez de reclamar de algo tão "trivial", lembre-se de que a IU de um aplicativo é algo que você olha o dia todo. Deve agradá-lo e também ajudá-lo. Mesmo uma maneira simples de colorir em um tema ou outro editor preferido seria apreciada.

Fez uma extensão (bifurcada de vscode-icons) para corrigir seu CSS personalizado no código:

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

Defina a opção vscode_custom_css.file para o CSS que deseja aplicar e habilite-o.

vscode-custom-css funciona perfeitamente! Corrigi meu CSS com este aqui: https://gist.github.com/dominique-mueller/0d9f5aec202804caca4881838685cfc4 , em combinação com o tema esmaecido Oceanic.

Não me importo com o azul padrão, meu problema é que é azul para todas as janelas do VScode.

Seria bom definir a cor rapidamente (clique com o botão direito na barra de status ??). ao trabalhar com mais de uma janela de código VS, posso localizar a janela de que preciso na seleção de tarefas do gnome

de qualquer forma, às vezes a barra de status é roxa ou laranja, o que parece ter significados específicos

+1

@ be5invis Tentei sua extensão e está funcionando de forma fantástica. Um pouco entediante se você estiver usando Insiders, mas ótimo mesmo assim. Saúde.

A propósito, existe alguma maneira de definir ícones na barra lateral usando faces de fonte, em vez de png arquivos (como o que o Atom faz )?

Ajuda -> Alternar Ferramentas do Desenvolvedor -> Console

document.getElementById ("workbench.parts.statusbar"). style.color = "black"

1. Instale e ative https://github.com/be5invis/vscode-custom-css
2. Reinicie o código do Visual Studio como administrador

3. Crie style.css :

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

4. Arquivo> Preferências> Configurações do usuário

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

5. F1> Ativar CSS e JS personalizados
6. Reinicie o código do Visual Studio

Lembre-se de que esta extensão altera literalmente o código-fonte do VS Code e você pode muito bem ter problemas se instalá-lo. Vimos vários casos de extensões como essa corrompendo a instalação e a única maneira de recuperá-la é reinstalar o vscode.

@Tyriar Com referência a # 3112, # 1231, # 1833 e # 76, parece que a maneira correta de obter esse resultado é por meio de uma API oficial, no entanto, ela está no backlog há 10 meses. Existe alguma atualização sobre quando esta API pode ser implementada?

@tylercubell Eu perguntei à equipe e vamos examinar o número 3112 como parte deste ponto em nosso roteiro :

Temas do ambiente de trabalho, por exemplo, ícones de suporte no explorer

Isso também me incomoda, pois o tema que uso tem um fundo cinza muito mais escuro que o torna um pouco estranho.

Alguma novidade sobre isso? o hack vscode_custom_css não parece estar funcionando como em 9/2016.

@ WilldelaVega777 Bem ... você leu o comentário logo acima do seu?

+1

+1

+1

+10086

+1

Roxo está ok, mas azul é muito brilhante / distrativo

+1

Você sabe ... há um motivo pelo qual o Github implementou _reactions _...

Se pudéssemos pelo menos ter a opção de torná-lo cinza, como o resto da IU. Porque preciso das informações que ele contém, mas ainda assim me distrai muito.

+1

+10

+1

Eu odeio aquela cor azul

@ bgashler1 O tema seria bom, mas um cinza simples relacionado à barra lateral e ao fundo da árvore seria o suficiente. Possivelmente por trás de uma bandeira nas preferências?

@pkieltyka Você ao menos se preocupou em ler o histórico de comentários?

@tylercubell normalmente eu faço, erro meu

+1

+1

Talvez, eu digo TALVEZ, alguém pudesse implementar uma função de tema oficial (ou módulo, qualquer coisa) primeiro e relatar depois. É chamado de 先斬後奏 na China.

Sem usar o plugin, você pode simplesmente abrir este arquivo workbench.main.css e alterar .monaco-workbench>.part.statusbar de background:#007acc; para background:#252526; (cinza).

Obrigado @AlexCasa hack funcionou, o arquivo estava localizado no linux em /usr/share/code/resources/app/out/vs/workbench/workbench.main.css

Espero poder fazer isso sem editar arquivos css minimizados: hurtrealbad: e sendo avisado que a instalação do vscode está corrompida https://code.visualstudio.com/docs/supporting/faq#_installation -appears-to-be-corrupt

Localização do arquivo no Windows 7

C: \ Arquivos de programas (x86) \ Microsoft VS Code \ resources \ app \ out \ vs \ workbenchworkbench.main.css

seria ótimo tornar possível o skin de toda a IU

+1

A barra de status azul distrai, defina o padrão como preto (ou alguma variação, para que não se destaque).

Enquanto trabalhamos para habilitar os temas personalizados da IU, estamos considerando as seguintes alterações nas cores padrão da IU.

Você perceberá que estamos pensando em silenciar a barra de status.

Nada disso está definido em pedra. Adoraria ouvir o que você pensa. Use as reações do GitHub

para que possamos ter uma ideia de como as pessoas gostam disso.

@ bgashler1 Se a cor cinza for uma opção, por favor, nos dê a capacidade de personalizar (e também os outros elementos da IU: cor, tamanho, espaçamento, tipografia, etc.)

@ be5invis , estamos trabalhando para habilitar alguns recursos de temas da IU também # 3112

@ bgashler1
Para um criador de temas, eles querem que a capacidade de temas não seja limitada na área de cores. Usar CSS é a solução final, embora o poder dos temas do Sublime Text também funcione bem.

ps. Por favor, permita a remoção da borda da barra de rolagem.

🙂 +1 Essas capturas parecem ótimas!

Para usuários do OSX que tentam fazer a alteração sugerida por @AlexCasa , o arquivo está localizado em:

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

editar:

Eu também recomendaria adicionar: .dropdown.send-feedback{display:none} se você quiser se livrar do rosto sorridente assustador.

+1

+1

@ bgashler1 remova o emoticon estranho ou, pelo menos, torne-o menos estranho. Posso sugerir algo assim em vez disso?
https://image.freepik.com/free-icon/comment-bubble-outline_318-27591.png

@joeshub Estamos trabalhando para permitir que as pessoas removam a interface do usuário clicando com o botão direito nela. @bpasero também será possível fazer isso com a carinha sorridente?

Sim, Provavelmente. Observe que não podemos (atualmente) permitir que os usuários ocultem coisas na barra de status devido à maneira como as extensões podem adicionar coisas lá de uma forma muito dinâmica.

+1

Até que isso seja implementado como um recurso padrão, se alguém quiser usar cores personalizadas para os elementos da IU, além de desabilitar o rosto sorridente, criei esta extensão. Não requer edição manual de css, tudo é feito a partir das configurações do usuário. (nota: não aciona o modo “não suportado”)
(editar: obsoleto)

@bentx usa exatamente a mesma técnica de todas as outras extensões que acionam o modo não suportado porque substitui os arquivos CSS e JS, basta desativar a mensagem ...

@Tyriar A única outra extensão que vi para temas personalizados foi carregar um arquivo css, eu queria que tudo fosse gerenciável a partir das configurações do usuário, é menos prompt de erro e mais fácil de usar. Eu percebo que você não gosta, pois "corrompe" o software, mas como você está trabalhando em uma futura atualização em relação a isso, não deve ser problema por muito tempo, certo? Enquanto isso, se essas extensões permitem que as pessoas usem o código do VS porque gostam (como eu) e se sentem confortáveis ​​com uma GUI, elas usam 8h + por dia, acho que é justo.

@bentx é apenas frustrante que perdemos muito tempo investigando falhas aleatórias e bugs causados ​​por esses tipos de extensões, então adicionamos a mensagem como um compromisso, agora a mensagem está sendo desativada (para todas as outras extensões também), ou seja, usuários da extensão pode nem saber o que está fazendo.

@Tyriar fair point. Do meu ponto de vista, a mensagem irritante é irritante, mas concordo que os usuários não saibam o que está acontecendo como um problema, bem como problemas com capturas de tela sem a mensagem [Não suportado]. Eu atualizei a extensão, a verificação de integridade permanecerá habilitada por padrão e uma entrada de configuração foi adicionada para desabilitá-la, para aqueles que sabem o que estão fazendo. Há também uma nota no README sobre a responsabilidade do usuário sobre isso.

@bentx obrigado 😄 Mal posso esperar para obter mais personalizações também

+1

Alguma atualização sobre isso?

1 Aguardando a personalização da cor da barra de status.

Verifique https://github.com/Microsoft/vscode/issues/17608 , teremos UI Api e tornarei o tema do material ótimo novamente (lel)

Então, o VSCode 1.9 foi lançado, não acho que esse problema seja resolvido com essa versão, estou correto?

@jchannon right .. :(

.statusbar {background: #xxxxxx} apenas desta forma para alterar a cor da barra de status?

@GaryChangCN Essa é a única maneira de alterá-lo permanentemente. Existe outro método, embora dure apenas até você reabrir o editor. Usando as ferramentas de desenvolvedor (Ajuda-> Alternar ferramentas de desenvolvedor), eu mudo manualmente a cor e removo o smiley. Isso dura até que eu saia completamente do VSCode, mas isso não é um problema para mim, pois normalmente eu o abriria no início do dia e o fecharia no final.

@Stromwerk Onde você coloca css personalizado?

@equinusocio Eu realmente não coloquei nenhum css personalizado. Eu uso as Ferramentas do Desenvolvedor para alterar os valores.

@Stromwerk Obrigado! Isso é tão bom agora.

@Stromwerk

.statusbar {background: #xxxxxx} apenas desta forma para alterar a cor da barra de status?
@GaryChangCN Essa é a única maneira de alterá-lo permanentemente ....

Observe que também seria útil ter a barra de menus superior habilitada para o tema, assim como no Visual Studio completo:
Editar, parece que já existe um problema separado para isso: # 16363

@martinsuchan Não acredito que isso seja possível em https://github.com/electron/electron atualmente.

@Tyriar Atom sim.

@equinusocio oh sério? Não tenho certeza se temos algo rastreando isso, mas provavelmente deve ser um problema separado.

+1

@Tyriar É sempre possível usar o menu HTML + CSS personalizado que será indistinguível do menu do sistema nativo,

@martinsuchan indistinguível é uma palavra forte, você precisa levar em consideração:

• Olhar
• Acessibilidade
• Configurações do sistema (fonte, escala do menu, etc.)

Além disso, os menus podem diferir em pequenas maneiras entre as versões do Windows.

+1
Por favor, podemos personalizar isso? O azul brilhante contra um esquema de cores escuro é extremamente perturbador!

+1
Acho que a extensão vscode-custom-theme do bentx é uma solução aceitável por enquanto, mas seria muito bom ver isso como um recurso oficial.

você pode alterá-lo com as seguintes etapas:

1. ctrl + shift + p e entrada ferramenta de desenvolvimento abrir ferramenta de desenvolvimento
2. escolha o foco do elemento na barra de status e encontre o estilo css
3. edite o arquivo css vscode (workbench.main.css) mude o estilo
4. salve o arquivo e recarregue seu vscode

Concordo que o azul é muito alto, mas quem odeia :) precisa 'ir para casa e repensar sua vida'

+1

Estou usando CustomCSS e JS Loader para personalizar VS Code UI semelhante ao tema Subliminal Text do So Da Reloaded (variante escura).

Ainda há muitas coisas faltando, muitas coisas que eu quero fazer e personalizar (algumas eu acho que nem são possíveis), mas por enquanto, a barra de status é uma daquelas coisas que eu tive que "consertar".

Nada sofisticado, mas para os interessados, dê uma olhada aqui .

Antevisão:

+1

+1

Fiz um script baseado em https://github.com/Microsoft/vscode/issues/1884#issuecomment -230790242 porque cansei de editar o arquivo para resetar a cor toda vez rs ...
Link de script

ctrl+k + ctrl+z corrige o problema para mim (modo zen, leia-se: sem distração ...) mas seria realmente bom adicionar personalização a mais partes da interface do usuário.

"Estamos trabalhando para permitir que as pessoas removam a interface do usuário clicando com o botão direito nela."

Ou seja: eu preciso engraxar pessoalmente 1000 pólos em M $ para fazer essa pequena mudança, pois o departamento de marketing (que está a um passo de uma psicopatia desenvolvida) quer que ela permaneça.

@blueredcat , por que removê-lo? Estilizar ou ocultar automaticamente ou algo assim serve, não?

Como alguém já disse, apenas uma opção cinza / preto seria bom, esta barra azul parece tão estranha no tema escuro.

Acho que a maneira mais limpa de lidar com isso seria expor as configurações ao tema, dessa forma os criadores do tema podem fornecer configurações de cores que se ajustem ao tema.

Verifique https://github.com/Microsoft/vscode/issues/21923

Instalado a partir do branch de origem git mais recente. Eles mudaram a cor de azul para roxo. (ou este é o padrão para versões de desenvolvimento?)

Eu tentei alguns dos hacks rápidos de css mencionados neste tópico. Nada parecia funcionar rapidamente. Agora passei pelo menos uma ou duas horas nesta barra azul horrível. Espantado que esta barra azul fosse supostamente um "padrão" em todas as ferramentas de estúdio visual. Vou voltar para um editor diferente e verificar o vscode daqui a alguns anos.

Nada parecia funcionar rapidamente. Agora passei pelo menos uma ou duas horas nesta barra azul horrível.

• Instale o tema personalizado para Visual Studio
• Defina theme.statusbar.background.color em suas preferências.
• Feito.

+1 para mudança de cor da barra de status e esconder este smiley estranho

Com base na ótima recomendação de tutorial detalhado:

1. Extensões abertas: Mac: Shift+command+X , Windows: Ctrl+Shift+X , Linux: Ctrl+Shift+X
2. Pesquise Custom theme for Visual Studio Code e instale essa extensão
3. Visitar preferências: Mac: Command+ , Windows / Linux: File > Preferences > Settings
4. No painel direito, adicione "theme.statusbar.background.color": "#161616" (torne hexadecimal sua cor favorita).

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

1. Mostrar todos os comandos: Mac: Shift+command+P , Windows: Ctrl+Shift+P , Linux: Ctrl+Shift+P
2. Pesquise Theme e ative Custom theme: Apply

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

@stannynuytkens hmmm Não sei? Você está executando a versão mais recente?

@stannynuytkens certifique-se de que você está executando como administrador no Windows ou tenha os privilégios corretos no osx / linux, se ainda não estiver funcionando, abra um problema que irei investigar

Parece que este tíquete pode ser fechado em breve, olhando as fontes mais recentes, isso é uma boa notícia :)

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"));

Essa parece a capacidade de temas que estávamos esperando, vá vscode team!

Essa parece a capacidade de temas que estávamos esperando, vá vscode team!

Sim, o início do suporte de temas do workbench fará parte da atualização de março (1.11). Você poderá fazer isso em breve, consulte https://github.com/Microsoft/vscode/issues/3112#issuecomment -289483970

Onde encontraremos a documentação sobre isso?

@equinusocio provavelmente haverá alguma documentação nas notas de lançamento, a maioria provavelmente estará no 1.12.

Acho todo o argumento do blue visual studio um absurdo. O azul faria diferença se houvesse um logotipo vscode / visual studio, não há nenhum na barra de status. Não é como se os usuários ficassem confusos sobre qual IDE estão usando porque o azul foi alterado para um cinza sutil como o que

Simplificando, o azul é tão forte que desvia a atenção do código que os usuários estão escrevendo. Este é literalmente um problema de experiência do usuário. Por favor, trate-o como tal.

Com nosso trabalho em temas de workbench ( notas de lançamento ), agora você pode personalizar a cor de fundo da barra de status. As chaves relevantes são:

• statusBarBackground : azul por padrão
• statusBarNoFolderBackground : roxo por padrão
• statusBarDebuggingBackground : laranja por padrão

Aqui está um exemplo de como alterar isso por meio das configurações:

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

É provável que o nome da configuração mude e também pensamos que os nomes das cores ainda não são definitivos.

Quanto a ser capaz de ocultar o botão sorridente na barra de status, sugiro continuar via https://github.com/Microsoft/vscode/issues/7893

Nota : ainda faltam muitas cores no suporte para temas do ambiente de trabalho (continua via https://github.com/Microsoft/vscode/issues/3112) e ainda há alguns problemas com ícones coloridos na barra de status (continua via https : //github.com/Microsoft/vscode/issues/23526).

Eu gosto da barra de status azul original, no entanto, o último relase usa roxo em vez disso. Eu odeio roxo.

@HoNooD a barra de status sempre fica roxa quando nenhuma pasta é aberta.

Woo !! Esta atualização é muito legal! Muito obrigado a vocês; a capacidade de criar um tema em toda a bancada é ótima!

Oh que ironia , lol! _ (dica: cor da barra de título) _
Obrigado pessoal, ansioso para tema o h * ll fora do vscode!

Tudo está roxo para mim agora :(. Tema Quiet Light, barra de status com pasta aberta, 1.11.1 no Debian Stretch

Esse seria o tema. Defina a cor da sua barra de status nas configurações com a nova configuração do ambiente de trabalho experimental.

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

adorável! agora como mudar a cor dos ícones brancos? :)

@stefangabos os ícones não mudam com statusBarForeground ?

parece não ter efeito aqui

@stefangabos se você estiver no Insiders, eu registraria um bug. Caso contrário, testar no Insiders pode ser uma boa ideia.

@bpasero Eu sei que isso é um exagero, mas há algum plano para expor isso por meio da API de extensão? Atualmente estou modificando as configurações em tempo real e parece um hack ruim ...

Desculpe por usar um recurso experimental imediatamente: / havia alta demanda ..

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

Atualmente, não há planos de expor isso como API, a não ser alterar as configurações diretamente.

Ok, relacionado https://github.com/VSCodeVim/Vim/issues/1565

Vou deixar isso aberto, infelizmente isso significa que não vai funcionar muito bem para a extensão por motivos de desempenho como está, mas pelo menos funciona bem

Para aqueles que tentaram a solução acima, mas descobriram que não estava funcionando, agora foi alterado para:

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

Isso está funcionando conforme o esperado na nova versão. Pode ser fechado até
Estou preocupado. Obrigado!

Em 6 de maio de 2017, 00:29, "Yuhao Zhang" [email protected] escreveu:

Para aqueles de vocês que tentaram a solução acima, mas não encontraram
funcionando, isso não foi alterado para:

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

-
Você está recebendo isso porque foi mencionado.
Responda a este e-mail diretamente, visualize-o no GitHub
https://github.com/Microsoft/vscode/issues/1884#issuecomment-299580210 ,
ou silenciar o tópico
https://github.com/notifications/unsubscribe-auth/AAtPLShnXBvyBcatp60Vpd5RR0CXS_zHks5r25SfgaJpZM4HBWq2
.

@ bgashler1 não é consistente é uma distração, você Microsoft

👍 obrigado pela dica @yuhaozhang! Funcionou como um encanto!

Acabei com:

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

Antevisão

@rogaha Incrível, isso fez por mim, obrigado!
Primeira vez que estou usando o Visual Studio e aquela barra azul estava me distraindo bastante, quase larguei esse editor e fui para a competição. Eu não me importo com toda a família de editores do Visual Studio se eles querem permanecer com falhas, mas devo dizer que a consistência do design é ruim.

@bpasero você poderia fechar e bloquear este tópico para deixar claro que uma solução é possível agora com workbench.colorCustomizations ? Obrigado!

+1

Os temas agora podem definir o plano de fundo da barra de status. Você também pode substituir as cores adicionando o seguinte ao seu arquivo settings.json:

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

Esse recurso está bloqueado desde a v1.11 e, portanto, a solução não fica enterrada.