webentwicklung-frage-antwort-db.com.de

Farbe der Statusleiste von Visual Studio Code

Die Standardfarbe der Statusleiste von Visual Studio Code ist blau und ich finde sie ziemlich ablenkend. Ich habe die Erweiterung this verwendet, um die Farbe zu ändern, aber sie funktioniert nicht mehr, nachdem 1.10.2 update.

67
Shahzaib Rahim

Sie können die Farbe der Statusleiste ändern, indem Sie die Benutzereinstellungen bearbeiten, indem Sie die folgenden Codezeilen hinzufügen:

"workbench.colorCustomizations": {
    "statusBar.background" : "#1A1A1A",
    "statusBar.noFolderBackground" : "#212121",
    "statusBar.debuggingBackground": "#263238"
}
141
acesmndr

1) Werde Noobs wie mir 30 Minuten Zeit ersparen - es muss in der settings.json-Datei bearbeitet werden. Der einfachste Weg, um darauf zuzugreifen, ist Datei -> Einstellungen -> Einstellungen, suchen Sie nach "Farbe" und wählen Sie eine Option Workbench: Farbanpassungen - Bearbeiten in settings.json.

2) Dies verwendet die von "Gama11" vorgeschlagene Lösung, aber! Note !: Die endgültige Form des Codes in der Datei settings.json sollte so aussehen - beachten Sie die doppelten geschweiften Klammern um "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"
    }
}

Dies wurde von hier angepasst: https://code.visualstudio.com/api/references/theme-color

26
J.Paul

Da jedes Thema so unterschiedlich ist, möchten Sie wahrscheinlich nicht global Änderungen vornehmen. Geben Sie sie stattdessen themenspezifisch an: z.

"workbench.colorCustomizations": {
    "[Some Theme Name]": {
        "statusBar.background" : "#486357",
        "statusBar.foreground" : "#c8e9c5",
    },
    "[Some Other Theme Name]": {
        "statusBar.background" : "#385357",
        "statusBar.foreground" : "#d7e9c4",
    }
},

Auf diese Weise werden Ihre Anpassungen beim Wechsel zwischen Ihren bevorzugten Themen nicht vergessen und sind in diesem Kontext sinnvoll.

8
shacker

Drücken Sie control+shift+p, Wenn Sie gerade vscode öffnen und open settings(UI) eingeben, und suchen Sie nach window.titleBarStyle Und ändern Sie die Option von native in custom Sie können die Farbe der Statusleiste von white bis black wiederherstellen.

Wichtiger Hinweis: Diese Technik funktioniert für die im Februar 2019 veröffentlichte Update-Version 1.32 von vscode. Stellen Sie sicher, dass Sie Ihren vscode auf die neueste Version 1.32 oder weitere neueste Versionen aktualisiert haben, da er möglicherweise nicht für ältere Versionen funktioniert.

Example Screenshot

1
Rahul Ahire

Sie können die Farbe ändern, indem Sie die Erweiterungen bearbeiten:

 "colors":{
        "statusBar.background": "#505050",
    },
0
user10753201