DEV Community πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’»

Cover image for Mis Temas Preferidos | VSCode
Luis Alvarez
Luis Alvarez

Posted on

Mis Temas Preferidos | VSCode

Seguramente nosotr@s como developers que pasamos mucho tiempo delante de la computadora haciendo cΓ³digo y desarrollando nuestras aplicaciones queremos cuidar nuestros ojos.

Para eso es que generalmente se utilizan temas de modo oscuro los cuales hacen que pasar mucho tiempo frente a una pantalla y tener menos impacto negativo para nuestra vista.

Y como muchos devs tambiΓ©n queremos que nuestro editor VSCode sea lo mas personalizable posible para nuestro gusto, es por eso que quise hacer esta lista con los temas que a mi opiniΓ³n son muy atractivos a la vista.

⚑ Set Up

Antes de mostrarte los temas quiero mostrarte como puedes cambiar los temas y ver los que ya tengas instalados o por defecto en tu VSCode

Con la combinaciΓ³n de teclas Ctrl + K Ctrl + T y te mostrara los Color Themes disponibles, puedes moverte usando las flechas y tener una preview de como se ve el tema y la sintaxis

Otra manera un poco mas larga en caso no te funcione este comando puedes ir a
File > Preferences > Color Theme

Γ³

Code > Preferences > Color Theme en MacOs

Cuando encuentres uno de tu agrado solo presiona Enter o da Click sobre el Tema

Menu de Temas

Tambien si decides colocarlo a un usuario puedes hacerlo en la configuraciΓ³n, utilizando Ctrl + ,

Y te mostrara un archivo JSON donde puedes colocar el nombre del Tema que quieras colocar con el siguiente cΓ³digo:

// Especifica el tema utilizado en el entorno de trabajo
  "workbench.colorTheme": "Default Dark+"
Enter fullscreen mode Exit fullscreen mode

πŸ“¦ VSCode Marketplace

Bien ahora para descargar nuevos temas, debemos dirigirnos al icono de Extensions de nuestro editor donde podemos buscar Plugins, Snippets, Themes, etc

En este caso solo lo usaremos para los temas que te mostrare para que puedas probarlo en tu VSCode

Visual Studio Code Marketplace

✨ Lista de Temas

Dark+ (default Dark)

Para mi el temas por defecto de VSCode es muy bueno y con un buen soporte y color de sintaxis para muchos lenguajes como TypeScript

Dark+

One Dark Pro

One Dark Pro

Nord

Nord Theme

Palenight

Palenight

Horizon Theme

Horizon Theme

Tokyo Night

Tokyo Night

Github Theme

Github Theme

SynthWave'84

SynthWave'84

Monokai Pro

Monokai Pro

Outrun

Outrun

Night Owl

Night Owl

Dobri Next

Dobri Next

Ariake Dark

Ariake Dark

Espero y te haya gustado la lista de los temas que en mi opiniΓ³n estΓ‘n muy bien hechos :D
Si tienes alguno puedes dejarlo en los comentarios ⭐

Top comments (3)

Collapse
franciscodev profile image
Francisco

que grande luis

🌚 Friends don't let friends browse without dark mode.

Sorry, it's true.