Visual Studio Code

Instalar tema SynthWave ’84 en VSCode (colores neón)

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” en las extensiones, o yendo al marketplace.

La instalación es un poco compleja, porque aparte del tema, hay que descargar este archivo e instar la extensión “Custom CSS and JS Loader”.

Después ir a File > Preferences > Settings, y hacer click en el icono de las llaves {} para ver los ajustes como código.

Ahí dentro de las llaves agregar lo siguiente:

See the gist on github.

De manera que quede así (obviamente cambiando la ruta del archivo, y no olvides el protocolo file:/// al inicio):

Configuraciones de CSS cargado

No olvides guardar cambios. ahora presiona CTRL + Shift + P y escribe “enable cust“, selecciona Enable Custom CSS and JS.

Habilitar CSS y JS cargado

En la esquina se mostrará un mensaje y un botón para reiniciar el editor.

A la próxima, puede que muestre que nuestro editor diga que está corrupto, hay que omitir ese mensaje.

Finalmente, podremos ver activado el tema:

Tema SynthWave 84 en Visual Studio Code

Notas finales

Debes repetir la acción de Enable Custom CSS and JS en cada actualización de VSCode.

Para cambiar el tema o volver al tema original debes presionar CTRL + Shift + P, seleccionar “Disable Custom CSS…” y deshabilitar la extensión, si no, el código seguirá brillando.

En el peor de los casos mira aquí cómo reiniciar tu VSCode.

Encantado de ayudarte


Estoy disponible para trabajar en tu proyecto, modificar el programa del post o realizar tu tarea pendiente, no dudes en ponerte en contacto conmigo.

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

  • Gracias. Funcionó todo bien en OS, pero en Windows 10 con WSL no encuentro cómo referir al archivo en Settings. ¿Alguién lo ha logrado desde Ubuntu-WSL?

  • Descargué la extensión, puse la línea de comando en el json y activé "enable custom Css and Js" pero el archivo al pinchar se abre otra pestaña y se ve el código, pero como lo descargo, y/o donde lo meto?? Porque no me ha funcionado...

  • Lo hice la primera vez y me funciono todo a la perfección !!
    Pero me toco formatear la lapto, ahora estoy haciéndolo todo ... Y nada... Ya no me toma la opción =/

    • Intenta desinstalar e instalar VSCode, tal vez eso funcione. También limpia la carpeta de appdata que le pertenece a VSCode
      Saludos

Compartir
Publicado por
parzibyte

Entradas recientes

Imprimir PDF con Bot de Telegram

La impresión de un PDF en cualquier impresora se puede automatizar con un bot de…

6 horas hace

Enviar mensaje con bot de Telegram usando JavaScript (lado del cliente)

Hoy te enseñaré cómo enviar un mensaje a un usuario desde un bot de Telegram…

22 horas hace

PHP: incrustar imagen en base64

El día de hoy te enseñaré algo muy sencillo pero útil al programar con PHP:…

23 horas hace

Plugin ESC POS – Actualización 3.4.0: imprimir HTML

El plugin para imprimir en impresoras térmicas alcanza hoy su versión 3.4.0 agregando soporte para…

2 días hace

JavaScript (lado del cliente): leer pixeles de imagen

En ocasiones es necesario leer los pixeles y colores de una imagen con JavaScript del…

1 semana hace

PHP y JavaScript: llenar select con AJAX

Siguiendo con los tutoriales de listas desplegables o select con JavaScript, vamos a ver cómo…

1 semana hace

Esta web usa cookies.