14

Dale estilo gráfico a Windows Terminal

La nueva terminal de Windows tiene algunas características que la hacen una de las mejores herramientas para desarrollo en este sistema operativo. Desde personalización gráfica hasta compatibilidad con otras terminales, incluso poder abrir varias ventanas de la misma terminal en un mismo sitio.

Antes de empezar a personalizar tu terminal, asegúrate de tenerla instalada en tu Windows. Para ello debes abrir la Microsoft Store e instalar Windows Terminal, no descargues la versión preview.

Imagen1.png

Una vez instalada iníciala como cualquier otro programa, notarás que al principio puede ser muy parecida a la terminal normal, pero si pones atención a la parte de arriba notarás que tiene opciones como tu navegador, incluso puedes iniciar varias terminales de diferentes programas a la vez.

Imagen2.png

Para personalizar tu terminal debemos hacer clic en opciones, y te abrirá un archivo settings.json en tu editor de texto por defecto. En mi caso utilizo Visual Studio Code. Una vez ahí busca “profiles” en con ctrl+f, verás algo como esto:

Imagen3.png

En esta ocasión te voy a enseñar como personalizar la ventana de Powershell y luego puedes repetir el proceso con las otras terminales.
Justo ahora Powershell luce así:

Imagen4.png

Transparencia

Puedes agregar transparencia utilizando los siguientes atributos a “list”:

"useAcrylic": true, //habilita la transparencia"acrylicOpacity": 0.5, //define el porcentaje de transparencia, puedes usar valores del 0 al 1

Y ahora tu terminal luce así:

Imagen5.png

Fondo con imágenes y colores:

Puedes añadir un color de fondo con las instrucciones:

"backgroundImage": "[RUTA DE LA IMAGEN}", //Solo debes especificar un ruta

La mía quedó algo así:

Imagen6.png

También puedes agregarle transparencia a la imagen con el atributo:

"backgroundImageOpacity": 0.1 //defineel porcentaje de transparencia, puedes usar valores del 0 al 1
Imagen7.png

También puedes definir un color de fondo:

"background": "#110362"//solo utiliza un color en código hexagecimal
Imagen8.png

Temas de color

También existen los temas de color predefinidos, para ello puedes ir a esta página de definir el tema de más te gusta y hacer clic en Get Theme. En mi caso escogí el tema Blue Matrix.

Imagen9.png

Luego vas a ir a tu settings.json y vas a buscar

"schemes": [ ]

Ahora copia el contenido de tu portapapeles con ctrl+v y verás algo como esto:

"schemes": [
    {
      "name": "ChallengerDeep",
      "black": "#141228",
      "red": "#ff5458",
      "green": "#62d196",
      "yellow": "#ffb378",
      "blue": "#65b2ff",
      "purple": "#906cff",
      "cyan": "#63f2f1",
      "white": "#a6b3cc",
      "brightBlack": "#565575",
      "brightRed": "#ff8080",
      "brightGreen": "#95ffa4",
      "brightYellow": "#ffe9aa",
      "brightBlue": "#91ddff",
      "brightPurple": "#c991e1",
      "brightCyan": "#aaffe4",
      "brightWhite": "#cbe3e7",
      "background": "#1e1c31",
      "foreground": "#cbe1e7"
    }

Ahora, en la configuración de la terminal vas a copiar:

"colorScheme": "NOMBRE DEL TEMA QUE ESCOGISTE"

Ahora tu terminal tiene los colores que escogiste.

Imagen10.png

NOTA: Los temas no afectan la transparencia de tu terminal, así de puedes configurarlos para que tu terminal quede a tu gusto.
Puedes hacer mucho más que eso, puedes configurar la fuente de texto, tamaño del texto, posición de la imagen de fondo y hasta el tamaño de la pestaña del título; incluso puedes cambiar el ícono de la terminal con el atributo “icon”: RUTA DEL ÍCONO.

Recuerda que debes hacer esto porque cada programa de terminal de uses, mi recomendación, personaliza cada uno de diferente manera.
En una siguiente aportación te mostraré cómo configurar Git Bash para que también puedas controlar tu repositorio desde la nueva terminal, y por supuesto vas a poder personalizarla.

Escribe tu comentario
+ 2
Ordenar por:
1
6467Puntos
3 años

En la nueva versión ya no es necesario parametrizar esto manualmente. Se hace directamente desde el menú de la terminal.

1
3842Puntos
4 años

Excelente aporte, muchísimas gracias. Aunque tengo una duda: ¿Cómo se puede reestablecer a su ajustes de fábrica?

0
36791Puntos
4 años

Solo debes eliminar los estilos que agregaste