tutorial - Color de la barra de estado de Visual Studio Code

visual studio code themes

Question

El color predeterminado de la barra de estado de Visual Studio Code es azul y me parece bastante molesto. Utilicé this extensión para cambiar el color, pero dejó de funcionar después de la actualización 1.10.2 .

Answer 1

1) Voy a ahorrar 30 minutos de tiempo para novatos como yo; tiene que editarse en el archivo settings.json. La forma más fácil de acceder es a Archivo -> Preferencias -> Configuración, busque "Color", elija una opción Workbench: Personalizaciones de color- Editar en settings.json.

2) Esto utiliza la solución propuesta por "Gama11", pero! Note !: la forma final del código en settings.json debería ser así: tenga en cuenta las llaves dobles alrededor de "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"
    }
}

Esto se ha adaptado desde aquí: https://code.visualstudio.com/api/references/theme-color

Answer 2

Dado que cada tema es tan diferente, probablemente no desee realizar cambios como este a nivel mundial. En su lugar, especifíquelos por tema: por ejemplo:

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

De esa manera, cuando cambie entre sus temas favoritos, sus personalizaciones no se olvidarán y tendrán sentido en ese contexto.

Answer 3

Presione control+shift+p cuando solo abra vscode y escriba open settings(UI) y busque window.titleBarStyle y cambie la opción de native a custom para que pueda restaurar el color de la barra de estado de white a black .

Nota importante: esta técnica funciona para la actualización de la versión 1.32 de vscode lanzada en febrero de 2019. Asegúrese de haber actualizado su vscode a la última versión 1.32 o más nuevas, ya que puede no funcionar para las versiones anteriores.

Answer 4

Puede cambiar el color de la barra de estado editando la configuración del usuario agregando estas líneas de código:

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

Answer 5

Puede cambiar el color editando extensiones:

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