7 Temas principales de Visual Studio Code
Tags: vscode, javascript, html, webdev
Published: 2021-09-10 04:32:01

### Los más descargados e instalados.

Trabajar en lugar agradable te hace sentir mucho más productivo y organizado, si disfrutas de escribir, leer y editar código. Si el aspecto de entorno de trabajo es importante para ti, has venido al artículo correcto. En este caso [VS Studio Code](https://code.visualstudio.com/), hay varias formas de personalizar Visual Studio Code, y una de ellas es cambiar el tema que viene por defecto por medio de extensiones. ¡ Aprenda más sobre ello!

De igual manera Visual tiene como 3 por defecto en los que puedes cambiar aquí:

![Imagen de configuración de visual studio code](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/f14a57gj78nqy2di044r.png)

En la opción de configuraciones, te encontrarás una opción de **tema de color**, hay podrás cambiar de una a otro, por supuesto también las que vayas instalando.

###1. Cobalt 2 
  [Aquí](https://marketplace.visualstudio.com/items?itemName=wesbos.theme-cobalt2) lo puedes encontrar.
   ![Imagen de tema de cobalt 2](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/mgycj24vdeb9wgsnh0mr.png)
   Igual decirte que es uno de mis favoritos, muy reconocible el color del código, colores que contrastan muy bien , además de que no sé tú, pero a mí me gustan mucho los temas con modo oscuro.
   
###2. Cascade
   [Aquí](https://marketplace.visualstudio.com/items?itemName=rampus-bit.cascade) te lo encuentras.
    ![Imagen de tema cascade dark](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/lqt8lcft9cyw2pc52gt4.png)
     Tiene tanto el modo oscuro, como el claro, listo para combinar con tu Visual Studio Code.
    ![Imagen de tema  cascade light](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/la7q2fj8nij2xktas8pl.png)

###3. LaserWave
   [Aquí](https://marketplace.visualstudio.com/items?itemName=jaredkent.laserwave) te lo encuentras.
     ![Imagen de tema LaserWave](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/wxcfsyqhluzh8kttrg6v.png)
     Este tema también contiene el modo oscuro y blanco.

###4. One Dark Pro
   Te lo encuentras [Aquí](https://marketplace.visualstudio.com/items?itemName=zhuangtongfa.Material-theme)
     ![Imagen de tema one dark pro](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/84fnbjukbfjtuxtmhkoc.png)
     Este es el icónico tema de atom y uno de los temas más instalados, mejores  calificados, para nada exagerado.

###5. Tema de GitHub
   Personalmente este tema me parece superinteresante porque incluye los mismos colores que el sitio web y seamos claros el sitio web de GitHub tiene un diseño y color fantástico, te lo encuentras [aquí](https://marketplace.visualstudio.com/items?itemName=GitHub.github-vscode-theme).
      ![Imagen de tema de GitHub](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ck7bq48y6iodjehiux3o.png)

###6. Shades of purple
   Si tú eres de las personas que le encanta el color morado, este tema es para ti y te lo encuentras [aquí](https://marketplace.visualstudio.com/items?itemName=ahmadawais.shades-of-purple), una paleta de colores combinados de manera organizado, para que combine tanto tu código como con tu editor.
       ![Imagen de  tema de shades](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/wrqehvkwueq3kjq8y12g.png)

###7. Monokai Pro
   Es un tema de interfaz de usuario muy personalizado incluido con un conjunto completo de iconos para VS Code, tonos de colores seleccionado cuidadosamente y te lo encuentras en la [marketplace](https://marketplace.visualstudio.com/items?itemName=monokai.theme-monokai-pro-vscode).


Aquí te dejo con estos temas, siendo de los más descargados e instalados, siendo para mí las mejores opciones para elegir, para completar con un editor de código totalmente acomodado para ti, solo falta que mejores las funcionalidades de este por medio de las extensiones, [aquí](https://emprendeyourlifestyle.com/las-7-mejores-extensiones-de-vs-code/frontend/) te dejo un artículo de las que no te pueden faltar.

Dejame en los comentarios cuál agregarías.


Si te gustan los videos de manera más didáctica, te dejo por aqui un [TikTok](https://www.tiktok.com/@emprendeyourlifestyle/video/7005008212940410118?is_from_webapp=1&sender_device=pc&web_id6966951925741504005) que grabe así poquita sobre las mejores extensiones de VS Code.