Auto dark mode en VSCode

Tweet

Hola 👋 en este post vamos a ver una característica chévere de VS Code con la cual se puede cambiar automáticamente el tema que tengas de ligth a dark según lo hayas configurado en tu sistema operativo macOS

Auto dark mode en VS Code

Lo primero que tenemos que hacer es configurar nuestro sistema operativo. Entramos a System Preferences -> General y en Appearance seleccionamos Auto

macOS System Preferences -> General

A continuación instalamos la extensión Auto Dark Mode a nuestro VSCode.

Luego vamos a VSCode y en nuestro settings.json agregamos

{
  ...
  "workbench.preferredDarkColorTheme": "A Touch of Lilac Theme",
  "workbench.preferredLightColorTheme": "Horizon Bright",
  "window.autoDetectColorScheme": true
}

Solo tienes que cambiar A Touch of Lilac Theme" por tu dark theme favorito y "Horizon Bright" por tu light theme favorito. Esto hará que cuando sea de día se active el light theme y cuando sea de noche se active el dark theme automáticamente 😉

Eso es todo 🎉

Si usas Windows puedes usar la extensión Toggle Light/Dark Theme

Comment or let's discuss on Twitter