10 temas de Visual Studio Code que son agradables a la vista

Los temas integrados de Visual Studio Code no son malos, pero probablemente querrás algo más. Cuando pasas horas codificando, necesitas algo que sea agradable a la vista. Si los temas oscuros de VS Code integrados no lo hacen por usted, pruebe estas otras opciones.

Instalación y personalización

Antes de enumerar los temas de Visual Studio Code, veamos cómo instalarlos. Comience eligiendo el tema que desee y seleccionando Instalar para abrir Visual Studio Code. Presione Instalar para confirmar que desea instalar el tema. También puedes abrir Extensiones , buscar el nombre de tu tema e instalarlo directamente.

Elija el tema en el cuadro Seleccionar tema de color . Dependiendo del tema, puede haber varias versiones para elegir. Si no ve esto, simplemente haga clic en Cambiar tema de color o vaya a Archivo -> Preferencias -> Tema -> Tema de color y seleccione su tema. Pruebe estos atajos de teclado de Visual Studio Code para moverse más rápido.

Si desea personalizar un tema, instálelo y luego vaya a Extensiones en la barra lateral (o Archivo -> Extensiones ). Seleccione el engranaje de configuración al lado de su tema y edite todo lo que desee. Si su tema no ofrece esto, o desea tener aún más control, use la configuración workbench.colorCustomizations .

1. Mejor tema oscuro: One Dark Pro

One Dark Pro se ha convertido rápidamente en uno de los temas de VS Code más populares para cualquiera que ame los temas oscuros. No sólo es un tono oscuro cómodo, sino que la paleta de colores funciona bien sin resultar demasiado discordante con el fondo más oscuro.

Reflejos

• Múltiples variaciones de color
• Colores de alto contraste
• Fuente fácil de leer

2. Mejor contraste alto: tonos de morado

Los temas oscuros no tienen por qué ser sólo tonos de negro. Shades of Purple te ofrece varios tonos de púrpura que son sorprendentemente agradables a la vista. Desde un fondo morado intenso hasta un texto morado más vibrante, si te encanta el morado, te encantará todo sobre este tema.

Reflejos

• Los colores funcionan bien tanto de día como de noche.
• Otros colores se mezclan bien para ver el código.
• Viene en morado y morado súper oscuro.

3. Lo mejor para la codificación nocturna: Night Owl

Como su nombre lo indica, Night Owl está diseñado para entornos más oscuros para que la pantalla sea mucho más agradable a la vista: un fondo azul intenso con las opciones de color perfectas para trabajar toda la noche. Pero también se incluye una versión ligera para codificación diurna.

Reflejos

• Los colores son apagados, sin dejar de tener un alto contraste.
• Ideal para daltonismo
• Incluye opciones en cursiva y sin cursiva

4. Mejor contraste mínimo: Palenight

Si los temas de alto contraste de Visual Studio Code no son sus favoritos, pruebe Palenight . Es una versión atenuada de Shades of Purple. Un violeta elegante funciona bien para codificación tanto de día como de noche. Además, la combinación de colores no es abrumadora, pero hay suficiente contraste para que sea fácil distinguir el código.

Reflejos

• Incluye una variación de contraste medio para mayor contraste.
• Incluye una versión en cursiva.
• Una versión más elegante de Shades of Purple

5. Lo mejor para los usuarios de GitHub: tema de GitHub

Si ya te encanta cómo muestra el código GitHub, prueba el tema de GitHub . Es todo lo que disfruta del estilo clásico de GitHub, pero dentro de Visual Studio Code. Hay nueve variaciones para satisfacer casi cualquier necesidad que tenga. Es lo más parecido a los temas oficiales de GitHub que puedes conseguir sin tener que diseñar el tuyo propio desde cero.

Reflejos

• Versiones claras y oscuras.
• Dos versiones daltónicas
• Dos variaciones heredadas, pero no se actualizan con frecuencia

6. Más elegante: Ayu

Ayu combina elegancia y simplicidad en un hermoso tema diseñado para sesiones de codificación cortas y largas. Los colores brillantes combinan maravillosamente con las variaciones de luz y oscuridad. Personalmente, creo que Ayu tiene una de las mejores combinaciones de colores para la variación de la luz.

Reflejos

• Tres variaciones: oscuridad, luz y espejismo.
• Mirage es ligeramente más claro que oscuro
• El texto brillante destaca en todas las variantes.

7. Mejor Variedad: Nocturna

Si no desea instalar numerosos temas de Visual Studio Code, simplemente instale Noctis . Este tema único ofrece 11 variaciones, que van desde la oscuridad a la luz, y todo lo intermedio. Me encanta la variación Sereno con un color cian intenso. Funciona bien tanto de noche como de día.

Reflejos

• Las variaciones de color incluyen rosa, cian, azul, morado, naranja y violeta.
• Minimus ofrece una saturación más baja si la variación Azureus es demasiado brillante
• Lux es ideal para un tema claro que aún es agradable a la vista.

8. Mejor tema sutil: Tema Panda

Lo simple, elegante y sutil se combinan a la perfección en el Tema Panda . El tema oscuro presenta colores sutiles con los que es un placer trabajar. Si bien es mínimo, esto mantiene el foco en su código.

Reflejos

• Mantiene todo lo más simple posible.
• Solo se incluye una versión
• Colores más simples que funcionan bien en ambientes claros y oscuros.

9. Mejor disponibilidad: Oficial de Drácula

Si tiende a utilizar varios editores de código y desea un tema coherente, utilice Dracula Official . No es sólo uno de los mejores temas de VS Code, sino que también está disponible para cientos de otras aplicaciones. Lo más probable es que, si cambia de editor de código , Dracula Official esté disponible para ello.

Reflejos

• Tema oscuro con tonos morados.
• Ofrece dos variaciones: normal y suave.
• Actualizado frecuentemente desde 2016

10. Mejor bajo contraste: Noche de Tokio

Si prefiere temas de Visual Studio Code de bajo contraste, Tokyo Night podría ser el tema perfecto para usted. Hay tres variaciones, incluido un tema de luz tenue y bajo contraste. Es similar a Ayu pero un poco más oscuro. Todo el texto es fácil de ver y a tus ojos les encantará.

Reflejos

• Las variaciones oscuras tienen un poco más de contraste que las claras.
• Inspirado en las luces de la ciudad de Tokio.
• Púrpura intenso versus negro en las variaciones oscuras

Mirar fijamente una pantalla por mucho tiempo nunca es bueno para la vista, pero los temas adecuados de VS Code ayudan a reducir drásticamente la tensión. Si recién estás aprendiendo a codificar, prueba estos juegos de codificación o recursos en línea . Luego, disfruta practicando en Visual Studio Code con tu nuevo tema favorito.

Crédito de la imagen: Unsplash . Todas las capturas de pantalla de Crystal Crowder.