MacOS – How to sync the Visual Studio Code (vscode) theme to use the OS light/dark color scheme

macossystem-prefsvisual-studio-code

MacOS now supports both "Light" and "Dark" mode (found in "System Preferences", "General", "Appearance").

How can I make VS Code automatically change it's theme to be light or dark, when I change my MacOS "Appearance"?

Best Answer

This was released in 1.42:

Auto switch Theme based on OS color scheme

Windows and macOS now support light and dark color schemes. There is a new setting, window.autoDetectColorScheme, that instructs VS Code to listen to changes to the OS's color scheme and switch to a matching theme accordingly.

To customize the themes that are used when a color scheme changes, you can set the preferred light and dark theme with the settings:

  • workbench.preferredLightColorTheme
  • workbench.preferredDarkColorTheme