Visual Studio Code

Te recomiendo algunos temas para VSCode

En este post voy a hacer una recopilación de temas agradables e interesantes para el editor Visual Studio Code.

Son temas que recomiendo personalmente con mi experiencia programando en este editor (muchos de estos son los más descargados), estoy seguro de que al menos uno te gustará.

Por cierto, si quieres hacer más bonito tu VSCode te recomiendo habilitar las ligaduras de fuentes.

Antes: ¿cómo cambiar el tema?

Antes de que te muestre y recomiende algunos temas para Visual Studio Code, te debo mostrar cómo se cambia el tema.

Hay un botón (en la esquina inferior izquierda) con el icono de un engrane o como le digas en donde vives, dale click y selecciona Color Theme:

Color Theme en VSCode

También puedes cambiar el tema de iconos haciendo click en File Icon Theme.

En ambos casos se desplegará una lista en donde puedes navegar con el teclado o seleccionar el tema con el mouse:

Lista de temas instalados en Visual Studio Code

Por cierto, para ir a la instalación de las extensiones, en la parte izquierda tienes una lista de iconos, la de extensiones es la última de arriba hacia abajo (si pones el cursor sobre el mismo, dice Extensions)

Ahora sí, comencemos con los temas.

Monokai PRO

Aunque dice Pro, el tema es totalmente gratuito. Para instalarlo hay buscar “Monokai Pro” en las extensiones e instalarlo.

Tema Monokai Pro

Sigue los colores que Sublime Text tiene por defecto. Y también cambia los iconos de los archivos, además de que el tema es agradable.

También puedes ver los detalles aquí.

Material Theme

¿A quién no le gustan los temas de Material? son suaves y bonitos, le dan un toque agradable y fresco al editor.

Para instalar este tema busca “Material Theme” en las extensiones, o mira el tema en el Marketplace.

Material Theme en VSCode

Nota: en este tema tuve que reiniciar el editor para que los cambios surtieran efecto.

Este tema además viene con una variante de colores de acento. En mi caso seleccioné el color Lima.

Para activar el color de acento, presiona F1 o CTRL + Shift + P, en la barra de búsqueda escribe “Accent”, selecciona la opción y luego elige el acento:

Seleccionar acento

Material icons

Hablando de temas de Material, tenemos también iconos. Para instalarlos busca en las extensiones “Material icon” e instala la extensión que tenga como autor a Philipp Kief, o mírala en el marketplace.

Para activar los iconos igualmente presiona CTRL + Shift + P y selecciona Material Icons: activate.

Shades of purple

Según la página de la extensión y el traductor de Google, este tema es:

Un tema profesional con tonos violáceos seleccionados a mano y en negrita para su terminal y editor de Código VS. Uno de los temas de VSCode mejor descargados y mejor valorados en el mercado.

Para instalarlo simplemente busca “shades of purple” e instala el tema.

Tema shades of purple

Tema cyberpunk

Este tema es uno muy colorido y alegre, no es tan suave como el tema de Monokai pero incluso así es muy bonito.

Para instalarlo busca “cyberpunk” en las extensiones y ya está. También puedes verlo en el marketplace.

Tema Cyberpunk para VSCode

SynthWave ’84

Hace algunos días estuvo en tendencia un tema un poco raro pero igualmente bonito, que tiene colores neón.

Este esquema de color está influenciado por la música y la portada de las bandas modernas de Synthwave como FM-84, Timecop 1983 y The Midnight.

Se llama “SynthWave ’84” y puedes instalarlo buscando “synth”, o yendo al marketplace.

La instalación es un poco compleja, así que le he creado su propio post.

Tema SynthWave 84 en Visual Studio Code

Darcula

Este post no estaría completo sin el tema Darcula, el tema oscuro que tienen los IDEs de JetBrains.

Se puede instalar buscando “Darcula Theme” o yendo al marketplace.

Tema Darcula en VSCode

Conclusión

Aunque mostré código de PHP y JavaScript, el tema funciona para todos los lenguajes 😉

Estoy aquí para ayudarte 🤝💻


Estoy aquí para ayudarte en todo lo que necesites. Si requieres alguna modificación en lo presentado en este post, deseas asistencia con tu tarea, proyecto o precisas desarrollar un software a medida, no dudes en contactarme. Estoy comprometido a brindarte el apoyo necesario para que logres tus objetivos. Mi correo es parzibyte(arroba)gmail.com, estoy como@parzibyte en Telegram o en mi página de contacto

No te pierdas ninguno de mis posts 🚀🔔

Suscríbete a mi canal de Telegram para recibir una notificación cuando escriba un nuevo tutorial de programación.
parzibyte

Programador freelancer listo para trabajar contigo. Aplicaciones web, móviles y de escritorio. PHP, Java, Go, Python, JavaScript, Kotlin y más :) https://parzibyte.me/blog/software-creado-por-parzibyte/

Ver comentarios

Entradas recientes

Desplegar PWA creada con Vue 3, Vite y SQLite3 en Apache

Ya te enseñé cómo convertir una aplicación web de Vue 3 en una PWA. Al…

6 días hace

Arquitectura para wasm con Go, Vue 3, Pinia y Vite

En este artículo voy a documentar la arquitectura que yo utilizo al trabajar con WebAssembly…

6 días hace

Vue 3 y Vite: crear PWA (Progressive Web App)

En un artículo anterior te enseñé a crear un PWA. Al final, cualquier aplicación que…

6 días hace

Errores de Comlink y algunas soluciones

Al usar Comlink para trabajar con los workers usando JavaScript me han aparecido algunos errores…

6 días hace

Esperar promesa para inicializar Store de Pinia con Vue 3

En este artículo te voy a enseñar cómo usar un "top level await" esperando a…

6 días hace

Solución: Apache – Server unable to read htaccess file

Ayer estaba editando unos archivos que son servidos con el servidor Apache y al visitarlos…

7 días hace

Esta web usa cookies.