Tema de color para el terminal integrado VS Code


Respuestas:


184

En realidad, puede modificar su configuración de usuario y editar cada color individualmente agregando lo siguiente a la configuración de usuario.

  1. Abrir configuración de usuario ( ctrl + ,)
  2. Busque workbenchy seleccione Edit in settings.jsondebajoColor Customizations
"workbench.colorCustomizations" : {
    "terminal.foreground" : "#00FD61",
    "terminal.background" : "#383737"
}

Para obtener más información sobre los colores que puede editar, puede averiguarlo aquí .


2
Actualmente funciona para mí, mi versión de VSCode es 1.17.2 (que es la última)
Zrag123

1
Tienes razón. Impar. Dijeron que lo quitaron, pero está ahí. Lo probé yo mismo y funcionó. Me decepcionó que dijeran que se eliminó. Me alegra ver que ese no es el caso.
Mark A. Donohoe

2
¡Esto funciona correctamente! ¡Sin embargo, también quiero aprender cómo obtener colores de contraste en la terminal!
theusual

3
Todavía funciona a partir de la versión 1.24.0. Creo que parte de la confusión es que no se puede buscar terminal.backgrounden la configuración ( 'workbench.colorCustomizations': {}es el valor predeterminado), por lo que parece una característica que falta a primera vista.
Jim K.

1
Agosto de 2019, perfecto. ¡Gracias!
Bob Denny

31

VSCode viene con temas de color incorporados que se pueden usar para cambiar los colores del editor y el terminal.

  • Para cambiar el tema de color, presione ctrl+k+ten windows / ubuntu o cmd+k+ten mac.
  • Alternativamente, puede abrir la paleta de comandos presionando ctrl+shift+pen windows / ubuntu o cmd+shift+pen mac y escribir color. Seleccione preferences: color themeentre las opciones para seleccionar su color favorito.
  • También puede instalar más temas desde el menú de extensiones en la barra izquierda. simplemente busque category:themespara instalar sus temas favoritos. (Si necesita ordenar los temas por búsqueda de instalaciones category:themes @sort:installs)

Editar : para editar colores manualmente en el terminal

El equipo de VSCode ha eliminado la personalización de colores de la página de configuración del usuario. Actualmente, el uso de los temas es la única forma de personalizar los colores del terminal en VSCode. Para obtener más información, consulte el número 6766.


18
Gracias por su respuesta, pero los temas globales tienen un impacto mínimo en la ventana de la terminal, y solo afectan el color de fondo y primer plano en un sentido muy amplio. OP y yo buscábamos colorear el indicador, el comando de entrada y la salida de forma independiente, no solo cambiar entre blanco sobre negro y negro sobre blanco. ¿Conoce alguna forma de obtener más control sobre los colores del texto del terminal?
kjhughes

1
Parece que eliminaron la personalización de colores de la página de configuración del usuario. Actualmente, el uso de temas parece ser la única forma de personalizar los colores del terminal en VSCode. echa un vistazo a github.com/Microsoft/vscode/issues/6766
Dani Akash

Es lamentable que la respuesta parezca ser que actualmente no es compatible, pero es útil saberlo de todos modos. Te asignaré la recompensa. Gracias por rastrear esto.
kjhughes

1
Por lo que puedo decir, todavía está allí para personalizar desde la configuración. Abra la configuración y busque 'workbench.colorCustomizations'
Mark A. Donohoe

1
Esto es para cambiar el tema de color global y no afecta al terminal integrado
Akh

19

Agregar workbench.colorCustomizationsa la configuración del usuario

"workbench.colorCustomizations": {
  "terminal.background":"#FEFBEC",
  "terminal.foreground":"#6E6B5E",
  ...
}

Consulte https://glitchbone.github.io/vscode-base16-term para ver algunos ajustes preestablecidos.


3
el sitio interactivo de ajustes preestablecidos es un recurso fantástico
mdisibio

16

En caso de que sea exigente con el color, use este código para personalizar cada segmento.

Paso 1: Windows: Abra la configuración de usuario (ctrl +,) Mac: Comando + Mayús + P

Paso 2: Busque "workbench: personalizaciones de color" y seleccione Editar en settings.json. Coloque el siguiente código dentro de {} existente y personalícelo como desee.

"workbench.colorCustomizations": {
    "terminal.background":"#131212",
    "terminal.foreground":"#dddad6",
    "terminal.ansiBlack":"#1D2021",
    "terminal.ansiBrightBlack":"#665C54",
    "terminal.ansiBrightBlue":"#0D6678",
    "terminal.ansiBrightCyan":"#8BA59B",
    "terminal.ansiBrightGreen":"#237e02",
    "terminal.ansiBrightMagenta":"#8F4673",
    "terminal.ansiBrightRed":"#FB543F",
    "terminal.ansiBrightWhite":"#FDF4C1",
    "terminal.ansiBrightYellow":"#FAC03B",
    "terminal.ansiCyan":"#8BA59B",
    "terminal.ansiGreen":"#95C085",
    "terminal.ansiMagenta":"#8F4673",
    "terminal.ansiRed":"#FB543F",
    "terminal.ansiWhite":"#A89984",
    "terminal.ansiYellow":"#FAC03B"
  }

1
¡Gracias! Falta el azul: por ejemplo"terminal.ansiBlue":"#00a1f9"
Panagiotis Panagi

2

Los mejores colores que he encontrado, que además de ser tan hermosos, también son muy fáciles de ver y no me hierven los ojos, son los que encontré enumerados en este repositorio de GitHub: VSCode Snazzy

Instalación muy fácil :

Copie el contenido de snazzy.json en su archivo "settings.json" de VS Code.

(En caso de que no sepa cómo abrir el archivo "settings.json", primero presione Ctrl + Shift + P y luego escriba Preferences: open settings (JSON) y presione enter).


Aviso : Para aquellos que han probado ColorTool y funciona fuera de VSCode pero no dentro de VSCode, no han cometido errores al implementarlo, esa es solo una decisión de los desarrolladores de VSCode para que el terminal de VSCode sea coloreado de forma independiente.


0

Simplemente. Puede ir a la opción 'Archivo -> Preferencias -> Tema de color' en Visual Studio y cambiar el color de su elección.

Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.