Auto dark mode en VSCode

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

{
  ...
  "autoDarkMode.darkTheme": "A Touch of Lilac Theme",
  "autoDarkMode.lightTheme": "Horizon Bright"
}

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