Vscode: Couleur d'arrière-plan de la barre d'état

+1 !
Je déteste cette couleur et ce mystérieux smiley. En espérant qu'il existe un moyen de changer le style de la barre d'état.

+1

+1

+1

+1

+1

:-1: -1 J'aime ça lol.

Désolé pour la réponse tardive sur ce problème. Nous utilisons le bleu dans la barre d'état car il est cohérent au sein de la famille de Visual Studio. Nous pourrions à l'avenir ouvrir cela et d'autres choses à la personnalisation via des feuilles de style utilisateur. J'espère que cela répondra à toutes vos préoccupations concernant la couleur.

+1

@ bgashler1 Je comprends votre désir de vous aligner par défaut sur la marque VS, mais la couleur est extrêmement distrayante pour certaines personnes. Ce serait formidable si vous pouviez au moins avoir une feuille de style utilisateur qui nous permettrait de l'atténuer, ou simplement de la définir pour qu'elle soit toujours noire. C'est à peu près la seule chose qui m'empêche de m'engager dans votre fantastique éditeur.

+1

+1

Réouverture. Cela sera probablement résolu en ajoutant la possibilité de thème des composants d'interface utilisateur https://github.com/Microsoft/vscode/issues/1231

+1

Si vous regardez l'éditeur à un mètre de distance, la seule chose que vous verrez est la barre d'état profondément saturée, qui est en fait assez distrayante lors de l'édition.

Étant donné que le #1231 est maintenant fermé, ce serait bien d'avoir une option pour l'atténuer un peu.

@shubhamsizzles il y avait plusieurs niveaux de doublons, suivez le problème du thème de l'interface utilisateur ici https://github.com/Microsoft/vscode/issues/3112

Si la barre d'état vous empêche de développer, vous avez peut-être d'autres problèmes ?

Je suis cool avec la couleur. Bleu en conditions 'normales', orange-rouge en mode débogage. Travaille pour moi.

Si la barre d'état vous empêche de développer, vous avez peut-être d'autres problèmes ?

Je vais prendre des réponses passives agressives pour 100, Alex.

Pas agressif passif.

Parmi toutes les choses à redire dans un IDE, la barre d'état en bas ? Pas de bogues, manque de fonctionnalités pour aider à un développement plus efficace, prise en charge linguistique, meilleur débogage ou intégration GIT, manque de communauté, etc... (sans dire que VSC a ces problèmes) mais... la couleur de la barre d'état en bas ?

@natdm Eh bien, devinez quoi, l'interface utilisateur est importante dans un IDE/éditeur. Si ce n'était que pour les fonctionnalités que vous avez mentionnées ci-dessus, nous utiliserions tous vim/emacs

Si #459 était implémenté, cela serait facile à changer.

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

Mon patch CSS actuel pour le code :

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

Je dois le faire à chaque mise à jour. Veuillez prendre en charge le thème CSS ou UI de l'utilisateur.

Vraiment ? Distrayant ? Vous n'arrivez pas à conduire vos yeux ? Jamais vu un problème pour un IDE aussi stupide

@be5invis Où se trouve ce fichier ?

+1 Bien que personnellement, je ne trouve pas cela une distraction en tant que telle - je n'aime pas le fait que lorsque l'éditeur est en plein écran (F11), c'est la seule chose qui empêche l'éditeur de se sentir complètement transparent (par manque d'un meilleur mot). Essayez de charger l'éditeur Atom dans un thème sombre et faites-le en plein écran. Il a l'air complètement transparent. VSCode aurait l'air tout aussi bien (sinon meilleur) s'il n'y avait pas cette barre bleue déplacée en bas.

Je pense que c'est vraiment hideux dans une interface utilisateur autrement attrayante. Ce n'est pas que c'est bleu (même si le gris serait mieux), c'est trop lumineux. J'ai vu que ça avait l'air mieux sur Win 10 que sur Mac (je suis sur Mac). Mais ce n'est qu'une barre d'état, pourquoi devrait-elle attirer autant d'attention ?

Pour ceux qui disent que nous devrions « avoir une vie » au lieu de nous plaindre de quelque chose d'aussi « anodin », rappelez-vous que l'interface utilisateur d'une application est quelque chose que vous regardez toute la journée. Il doit vous plaire autant que vous aider. Même un moyen simple de le colorier dans un thème ou un autre éditeur de préférence serait apprécié.

Création d'une extension (fourchée à partir de vscode-icons) pour patcher votre CSS personnalisé dans le code :

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

Définissez l'option vscode_custom_css.file sur le CSS que vous souhaitez appliquer et activez-le.

vscode-custom-css fonctionne à merveille ! J'ai patché mon CSS avec celui-ci ici : https://gist.github.com/dominique-mueller/0d9f5aec202804caca4881838685cfc4 , en combinaison avec le thème Oceanic grisé.

Le bleu par défaut ne me dérange pas, mon problème est qu'il est bleu pour toutes les fenêtres VScode.

Ce serait bien de régler la couleur rapidement (clic droit sur la barre d'état ??). lorsque je travaille avec plus d'une fenêtre de code VS, je pourrais repérer la fenêtre dont j'ai besoin sur la sélection de la tâche gnome

de toute façon, parfois la barre d'état est violette ou orange, ce qui semble avoir des significations spécifiques

+1

@be5invis J'ai essayé votre extension et cela fonctionne à

Incidemment, existe-t-il un moyen de définir des icônes dans la barre latérale en utilisant des polices, au lieu de fichiers png (comme le fait Atom ) ?

Aide -> Basculer les outils de développement -> Console

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

1. Installez et activez https://github.com/be5invis/vscode-custom-css
2. Redémarrez Visual Studio Code en tant qu'administrateur

3. Créer style.css :

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

4. Fichier > Préférences > Paramètres utilisateur

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

5. F1> Activer CSS et JS personnalisés
6. Redémarrer Visual Studio Code

Veuillez garder à l'esprit que cette extension modifie littéralement le code source de VS Code et que vous pourriez très bien rencontrer des problèmes si vous l'installez. Nous avons vu plusieurs cas d'extensions comme celle-ci corrompre l'installation et le seul moyen de la récupérer est de réinstaller vscode.

@Tyriar En référence aux #3112, #1231, #1833 et #76, il semble que la bonne façon d'atteindre ce résultat soit via une API officielle, mais elle est en attente depuis 10 mois. Y a-t-il une mise à jour sur le moment où cette API pourrait être implémentée ?

@tylercubell J'ai demandé à l'équipe et nous allons examiner le #3112 dans le cadre de ce point de notre feuille de route :

Thème Workbench, par exemple, icônes de support dans l'explorateur

Cela me dérange aussi car le thème que j'utilise a un fond gris beaucoup plus foncé qui le rend un peu gênant.

des nouvelles à ce sujet? le hack vscode_custom_css ne semble pas fonctionner comme 9/2016.

@WilldelaVega777 Eh bien... avez-vous lu le commentaire juste au-dessus du vôtre ?

+1

+1

+1

+10086

+1

Le violet est ok, mais le bleu est trop brillant/distrayant

+1

Vous savez... il y a une raison pour laquelle Github a implémenté des _réactions_...

Si nous pouvions au moins avoir une option pour le rendre gris, comme le reste de l'interface utilisateur. Parce que j'ai besoin des informations qu'il contient, mais cela me distrait toujours beaucoup.

+1

+10

+1

Je déteste cette couleur bleue

@ bgashler1 Theming serait bien, mais un simple gris qui se rapporte à la barre latérale et à l'arrière-plan de l'arbre serait suffisant. Peut-être derrière un drapeau dans les préférences ?

@pkieltyka Avez-vous même pris la peine de lire l'historique des commentaires ?

@tylercubell habituellement je le fais, mon erreur

+1

+1

Peut-être, je dis PEUT-ÊTRE, que quelqu'un pourrait d'abord implémenter une fonction de thème officielle (ou un module, peu importe) et faire un rapport ensuite. On l'appelle 先斬後奏 en Chine.

Sans utiliser le plugin, vous pouvez simplement ouvrir ce fichier workbench.main.css et changer .monaco-workbench>.part.statusbar de background:#007acc; à background:#252526; (gris).

Merci @AlexCasa hack a fonctionné, le fichier se trouvait sur Linux à /usr/share/code/resources/app/out/vs/workbench/workbench.main.css

J'ai hâte de pouvoir le faire sans modifier les fichiers css minifiés :hurtrealbad: et être averti que l'installation de vscode est corrompue https://code.visualstudio.com/docs/supporting/faq#_installation -appears-to-be-corrupt

Emplacement du fichier sur Windows 7

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

ce serait formidable de rendre possible le skinning de l'ensemble de l'interface utilisateur

+1

La barre d'état bleue est gênante, veuillez définir la valeur par défaut sur le noir (ou une variante, afin qu'elle ne se démarque pas).

Pendant que nous travaillons à l'activation de la thématique personnalisée de l'interface utilisateur, nous envisageons les modifications suivantes des couleurs par défaut de l'interface utilisateur.

Vous remarquerez que nous envisageons de désactiver la barre d'état.

Rien de tout cela n'est gravé dans le marbre. J'aimerais entendre ce que vous en pensez. Veuillez utiliser les réactions GitHub

afin que nous puissions avoir une idée de la façon dont les gens aiment ça.

@bgashler1 Si la couleur grise est une option, veuillez nous donner la possibilité de personnaliser (ainsi que les autres éléments de l'interface utilisateur : couleur, taille, espacement, typographie, etc.)

@be5invis, nous travaillons également à l'activation de certaines fonctionnalités de thème de l'interface utilisateur # 3112

@bgashler1
Pour un créateur de thème, ils veulent que la capacité de thème ne soit pas limitée dans le domaine des couleurs. L'utilisation de CSS est une solution finale, bien que la puissance de thème de Sublime Text fonctionne bien non plus.

ps. Veuillez donner la possibilité de supprimer la bordure de la barre de défilement.

🙂 +1 Ces captures sont superbes !

Pour les utilisateurs d'OSX essayant d'apporter la modification suggérée par @AlexCasa , le fichier se trouve à l'

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

Éditer:

Je recommanderais également d'ajouter : .dropdown.send-feedback{display:none} si vous voulez vous débarrasser du smiley effrayant.

+1

+1

@ bgashler1 veuillez supprimer le smiley gênant, ou au moins le rendre moins bizarre. Puis-je suggérer quelque chose comme ça à la place ?
https://image.freepik.com/free-icon/comment-bubble-outline_318-27591.png

@joeshub Nous travaillons pour permettre aux utilisateurs de supprimer l'interface utilisateur en cliquant dessus avec le bouton droit. @bpasero sera-t-il aussi possible de faire ça avec le smiley ?

Ouais probablement. Notez que nous ne pouvons pas (actuellement) autoriser les utilisateurs à masquer des éléments dans la barre d'état en raison de la manière dont les extensions peuvent y ajouter des éléments de manière très dynamique.

+1

Jusqu'à ce que cela soit implémenté comme fonctionnalité par défaut, si quelqu'un souhaite utiliser des couleurs personnalisées pour les éléments de l'interface utilisateur, ainsi que désactiver le smiley, j'ai créé cette extension. Il ne nécessite pas d'édition CSS manuelle, tout se fait à partir des paramètres utilisateur. (note : cela ne déclenche pas le mode « non supporté »)
(modifier : obsolète)

@bentx cela utilise exactement la même technique que toutes les autres extensions qui déclenchent le mode non pris en charge car il remplace les fichiers CSS et JS, vous désactivez simplement le message...

@Tyriar La seule autre extension que j'ai vue pour le thème personnalisé chargeait un fichier css, je voulais que tout soit gérable à partir des paramètres utilisateur, c'est moins prompt à l'erreur et plus facile à utiliser. Je comprends que vous ne l'aimez pas, car cela "corrompt" le logiciel, mais puisque vous travaillez sur une future mise à jour à ce sujet, cela ne devrait pas être un problème pour longtemps, non ? En attendant, si ces extensions permettent aux gens d'utiliser du code VS parce qu'ils l'aiment (comme moi) et sont à l'aise avec une interface graphique qu'ils utilisent 8h+ par jour, je pense que c'est juste.

@bentx c'est juste frustrant que nous ayons perdu beaucoup de temps à enquêter sur les plantages aléatoires et les bogues causés par ces types d'extensions. peut même ne pas savoir ce qu'il fait.

@Tyriar fair point. De mon point de vue, le message lancinant est ennuyeux, mais je suis d'accord sur le fait que les utilisateurs ne savent pas ce qui se passe comme un problème, ainsi que des problèmes avec les captures d'écran sans le message [Non pris en charge]. J'ai mis à jour l'extension, le contrôle d'intégrité restera activé par défaut et une entrée de paramètre a été ajoutée pour la désactiver, pour ceux qui savent ce qu'ils font. Il y a aussi une note sur le README concernant la responsabilité de l'utilisateur à ce sujet.

@bentx merci 😄 J'ai hâte d'avoir plus de personnalisation aussi

+1

Des mises à jour à ce sujet ?

+1 En attente de la personnalisation de la couleur de la barre d'état.

Vérifiez https://github.com/Microsoft/vscode/issues/17608 , nous aurons l'interface utilisateur Api, et je ferai à nouveau le thème du matériel (lel)

Donc VSCode 1.9 est sorti, je ne pense pas que ce problème soit résolu avec cette version, ai-je raison ?

@jchannon à droite .. :(

.statusbar{background:#xxxxxx} uniquement de cette façon pour changer la couleur de la barre d'état ?

@GaryChangCN C'est le seul moyen de le changer de façon permanente. Il existe une autre méthode, bien qu'elle ne dure que jusqu'à ce que vous rouvrez l'éditeur. À l'aide des outils de développement (Aide-> Basculer les outils de développement), je modifie manuellement la couleur et supprime le smiley. Cela dure jusqu'à ce que je sorte complètement de VSCode, mais ce n'est pas un problème pour moi car normalement je l'ouvrirais au début d'une journée et le fermerais à la fin.

@Stromwerk Où

@equinusocio Je ne mets pas vraiment de css personnalisé. J'utilise les outils de développement pour modifier les valeurs.

@Stromwerk Merci ! C'est si bon maintenant.

@Stromwerk

.statusbar{background:#xxxxxx} uniquement de cette façon pour changer la couleur de la barre d'état ?
@GaryChangCN C'est le seul moyen de le changer de façon permanente....

Notez qu'il serait utile d'avoir le thème de la barre de menus supérieure, tout comme dans le Visual Studio complet :
Edit, il semble qu'il y ait déjà un problème distinct pour cela : #16363

@martinsuchan Je ne crois pas que ce soit possible sur https://github.com/electron/electron actuellement.

@Tyriar Atom le fait.

@equinusocio oh vraiment ? Je ne sais pas si nous avons quelque chose pour suivre cela, mais cela devrait probablement être un problème distinct.

+1

@Tyriar Il est toujours possible d'utiliser un menu HTML+CSS personnalisé qui sera indiscernable du menu système natif,

@martinsuchan indiscernable est un mot fort, vous devez prendre en compte :

• Voir
• Accessibilité
• Paramètres système (police, échelle de menu, etc.)

De plus, les menus peuvent différer légèrement entre les versions de Windows.

+1
S'il vous plaît, pouvons-nous personnaliser cela? Le bleu vif contre une palette de couleurs sombres est extrêmement distrayant !

+1
Je trouve que l'extension vscode-custom-theme de bentx est une solution de contournement acceptable pour le moment, mais ce serait vraiment bien de la voir comme une fonctionnalité officielle.

vous pouvez le changer avec les étapes suivantes :

1. ctrl+shift+p et entrée outil de développement ouvrir l'outil de développement
2. choisissez l'élément focus sur la barre d'état et trouvez le style css
3. éditez le fichier vscode css (workbench.main.css) changez le style
4. enregistrez le fichier et rechargez votre vscode

D'accord, le bleu est assez fort, mais quiconque déteste ça :) doit "rentrer chez lui et repenser sa vie"

+1

J'utilise CustomCSS et JS Loader pour personnaliser l'interface utilisateur de VS Code similaire au thème Subliminal Text de So​Da​Reloaded (variante sombre).

Il manque encore beaucoup de choses, beaucoup de choses que je veux faire et personnaliser (certaines que je ne pense même pas possibles) mais pour l'instant, la barre d'état est l'une de ces choses que j'ai dû "réparer".

Rien d'extraordinaire, mais pour toute personne intéressée, consultez-le ici .

Aperçu:

+1

+1

J'ai fait un script basé sur https://github.com/Microsoft/vscode/issues/1884#issuecomment -230790242 car j'en avais marre d'éditer le fichier pour réinitialiser la couleur à chaque fois lol...
Lien de script

ctrl+k + ctrl+z résout le problème pour moi (mode zen, lisez : sans distraction...) mais ce serait en effet bien d'ajouter de la personnalisation à plus de parties de l'interface utilisateur.

"Nous travaillons pour permettre aux gens de supprimer l'interface utilisateur en cliquant dessus avec le bouton droit de la souris."

C'est-à-dire : j'ai besoin de graisser personnellement un millier de poteaux à M$ pour que ce très petit changement soit fait car le service marketing (qui est à un pas de la psychopathie à part entière) veut qu'il le reste.

@blueredcat , pourquoi le supprimer ? Styling ou autohide ou quelque chose fera l'affaire, non?

Comme quelqu'un l'a déjà dit, juste une option gris/noir serait bien, cette barre bleue a l'air si étrange sur un thème sombre.

Je pense que la façon la plus propre de gérer cela serait d'exposer les paramètres au thème, de cette façon les créateurs de thèmes peuvent fournir des paramètres de couleur qui correspondent au thème.

Vérifiez https://github.com/Microsoft/vscode/issues/21923

Installé à partir de la dernière branche source de git. Ils ont changé la couleur du bleu au violet. (ou est-ce la valeur par défaut pour les versions de développement ?)

J'ai essayé quelques-uns des hacks css rapides mentionnés dans ce fil. Rien ne semblait fonctionner rapidement. J'ai maintenant passé au moins une heure ou deux sur cette horrible barre bleue. Étonné que cette barre bleue soit censée être un "standard" dans tous les outils de studio visuel. Je vais revenir à un autre éditeur et vérifier vscode dans un an.

Rien ne semblait fonctionner rapidement. J'ai maintenant passé au moins une heure ou deux sur cette horrible barre bleue.

• Installer le thème personnalisé pour Visual Studio
• Définissez theme.statusbar.background.color dans vos préférences.
• Terminé.

+1 pour le changement de couleur de la barre d'état et masquage de ce smiley étrange

S'appuyant sur l'excellente recommandation de @jwigley , voici un mode d'emploi détaillé :

1. Extensions ouvertes : Mac : Shift+command+X , Windows : Ctrl+Shift+X , Linux : Ctrl+Shift+X
2. Recherchez Custom theme for Visual Studio Code et installez cette extension
3. Préférences de visite : Mac : Command+ , Windows/Linux : File > Preferences > Settings
4. Dans le volet de droite, ajoutez "theme.statusbar.background.color": "#161616" (faites hexadécimal votre couleur préférée) par exemple

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

1. Afficher toutes les commandes : Mac : Shift+command+P , Windows : Ctrl+Shift+P , Linux : Ctrl+Shift+P
2. Recherchez Theme et activez Custom theme: Apply

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

@stannynuytkens hmmm je ne sais pas? Tu utilises la dernière version ?

@stannynuytkens assurez-vous que vous exécutez en tant qu'administrateur sur Windows ou que vous disposez des privilèges corrects sur osx/linux, si cela ne fonctionne toujours pas, veuillez ouvrir un problème, je l'examinerai

Il semble que ce ticket pourrait être fermé bientôt, en regardant les dernières sources, c'est une bonne nouvelle :)

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

Cela ressemble à la capacité de thématisation que nous attendions, allez équipe vscode !

Cela ressemble à la capacité de thématisation que nous attendions, allez équipe vscode !

Oui, le début de la prise en charge des thèmes de workbench fera partie de la mise à jour de mars (1.11). Vous pourrez le faire très bientôt, voir https://github.com/Microsoft/vscode/issues/3112#issuecomment -289483970

Où trouverons-nous la documentation à ce sujet?

@equinusocio, il y aura probablement de la documentation dans les notes de version, la plupart seront probablement en 1.12.

Je trouve tout l'argument du studio visuel blue absurde. Le bleu aurait de l'importance s'il y avait un logo vscode/visual studio, il n'y en a pas dans la barre d'état. Ce n'est pas comme si les utilisateurs étaient confus quant à l'IDE qu'ils utilisent, car le bleu est remplacé par un gris subtil comme ce que @bgashler1 a publié.

En termes simples, le bleu est si fort qu'il détourne l'attention du code que les utilisateurs écrivent. C'est littéralement un problème d'expérience utilisateur. S'il vous plaît, veuillez le traiter comme tel.

Avec notre travail sur le thème du workbench ( notes de version ), vous pouvez désormais personnaliser la couleur de l'arrière-plan de la barre d'état. Les clés concernées sont :

• statusBarBackground : bleu par défaut
• statusBarNoFolderBackground : violet par défaut
• statusBarDebuggingBackground : orange par défaut

Voici un exemple de la façon de modifier cela via les paramètres :

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

Il est probable que le nom du paramètre change et nous pensons également que les noms des couleurs ne sont pas encore définitifs.

Quant à pouvoir masquer le bouton smiley dans la barre d'état, je suggère de continuer via https://github.com/Microsoft/vscode/issues/7893

Remarque : il manque encore beaucoup de couleurs dans la prise en charge des thèmes de workbench (continue via https://github.com/Microsoft/vscode/issues/3112) et il y a encore quelques problèmes avec la coloration des icônes dans la barre d'état (continue via https ://github.com/Microsoft/vscode/issues/23526).

J'aime la barre d'état bleue d'origine, cependant, la dernière version utilise le violet à la place. Je déteste le violet.

@HoNooD la barre d'état a toujours été violette lorsqu'aucun dossier n'est ouvert.

Courtiser!! Cette mise à jour est vraiment sympa ! Merci beaucoup les gars; la possibilité de thématiser l'ensemble de l'établi est géniale !

Oh l' ironie , lol! _(indice : couleur de la barre de titre)_
Merci les gars, j'attends avec impatience le thème de la sortie de vscode !

Tout est violet pour moi maintenant :( . Thème Quiet Light, barre d'état avec dossier ouvert, 1.11.1 sur Debian Stretch

Ce serait le thème. Définissez la couleur de votre barre d'état dans les paramètres avec le nouveau paramètre d'atelier expérimental.

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

beau! maintenant comment changer la couleur des icônes blanches ? :)

@stefangabos les icônes ne changent-elles pas avec statusBarForeground ?

il semble n'avoir aucun effet ici

@stefangabos si vous êtes sur Insiders, je Insiders pourrait être une bonne idée.

@bpasero Je sais qu'il s'agit d'un étirement, mais est-il prévu d'exposer tout cela via l'API d'extension ? Actuellement, je modifie les paramètres à la volée et cela ressemble à un mauvais hack...

Désolé d'avoir utilisé une fonctionnalité expérimentale tout de suite :/ il y avait une forte demande..

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

Actuellement, il n'est pas prévu d'exposer cela en tant qu'API, à part la modification directe des paramètres.

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

Je vais laisser cela ouvert, malheureusement, cela signifie que cela ne fonctionnera pas trop bien pour l'extension pour des raisons de performances, mais au moins cela fonctionne correctement.

Pour ceux d'entre vous qui ont essayé la solution ci-dessus mais qui ont trouvé qu'elle ne fonctionnait pas, cela a maintenant été modifié en :

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

Cela fonctionne comme prévu dans la nouvelle version. Il peut être fermé jusqu'à
Je suis préoccupé. Merci!

Le 6 mai 2017 00:29, "Yuhao Zhang" [email protected] a écrit :

Pour ceux d'entre vous qui ont essayé la solution ci-dessus mais ne l'ont pas trouvée
fonctionne, cela n'a pas été changé pour :

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

-
Vous recevez ceci parce que vous avez été mentionné.
Répondez directement à cet e-mail, consultez-le sur GitHub
https://github.com/Microsoft/vscode/issues/1884#issuecomment-299580210 ,
ou couper le fil
https://github.com/notifications/unsubscribe-auth/AAtPLShnXBvyBcatp60Vpd5RR0CXS_zHks5r25SfgaJpZM4HBWq2
.

@bgashler1 ce n'est pas cohérent c'est distrayant, vous Microsoft

merci pour le conseil @yuhaozhang ! Ça a marché comme sur des roulettes!

J'ai fini avec :

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

Aperçu

@rogaha Génial, ça l'a fait pour moi, merci !
La première fois que j'utilise Visual Studio et que cette barre bleue me distrayait beaucoup, j'ai presque abandonné cet éditeur et je suis parti pour la compétition. Je me fiche de toute la famille des éditeurs de Visual Studio s'ils veulent rester imparfaits, mais je dois dire qu'une cohérence terrible par conception est mauvaise.

@bpasero pourriez-vous fermer et verrouiller ce fil pour indiquer clairement qu'une solution est possible maintenant avec workbench.colorCustomizations ? Merci!

+1

Les thèmes peuvent désormais définir l'arrière-plan de la barre d'état. Vous pouvez également remplacer les couleurs en ajoutant les éléments suivants à votre fichier settings.json :

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

Verrouillage car cette fonctionnalité existe depuis la v1.11 et que la solution ne soit donc pas enterrée.